Ionic as a web server

Question

I have an Ionic project and I want it to work as if it is a web server (say mamp + php).

Since ionic is able to display a project in browser localy (using ionic serve), I am pretty sure it is able to do that. I have a simple ovh server.

How could I do that ?

Answer 1

You gonna need send all your project files (www folder) and dependencies to an web server.

You can try.

Local

    $ cd [ionic project]
    $ ionic platform add browser
    $ cd [ionic project]/platforms/browser/

and move your www folder to your server [webapp] folder.

Server

In your server:

1.Install Node.js

2. Install connect and serve-static

   $ cd [webapp] $ npm install connect serve-static

3. Create server.js file

   var connect = require('connect');
   var serveStatic = require('serve-static');
   connect().use(serveStatic(__dirname)).listen(8080)
   

4. Run serve

   $ node server.js &

Browser

Now you can go to http://yourdomain:8080/index.html

I hope this can help you :)

Answer 2

Great answer Carlos, it was very helpful. If you connect to your server by ssh, the node server will stop running when you quit the ssh session. To avoid this problem run "node forever start server.js" instead of "node server.js &".