将一个网站变成APP是很大一部分的网站都希望能够实现的功能。从用户角度来看，下载一个APP比在浏览器中输入URL要方便得多，也比缩放网页更符合安卓和iOS的用户习惯。因此很多网站都愿意为客户提供更好的用户体验，将网站转化成体验更好的app。下面将为大家介绍如何将 iapp.cn 这个网站做成一款APP。
要将一个网站变成APP还是比较容易的，这只需要按照如下步骤进行操作即可：
一、准备工作
首先我们要在个人设备中安装Node环境，Node和npm可以从网上直接下载，安装好后，新建一个文件夹，例如：“myapp”，并且初始化Node，也就是在文件夹中开启命令行并输入以下代码：
`npm init`
二、安装所需模块
在Node.js中有很多的模块可以使用，例如Express，EJS以及Request。我们需要利用 npm 命令进行安装。下面是安装步骤：
1. 安装Express模块：
`npm install express --save`
2. 安装ejs模块：
`npm install ejs`
3. 安装request模块：
`npm install request`
三、编辑主代码
将以下代码输入到我们刚才新建文件夹中main.js脚本文件，这是这个项目的主文件。
`var express = require('express');
var app = express();
var request = require('request');
var ejs = require('ejs');
var iappweb = 'https://iapp.cn';
app.use('/public', express.static('public'));
app.get('/', function(req, res){
request(iappweb + '/api/v1/main-page', function (error, response, body) {
if (!error && response.statusCode == 200) {
var jsonData = JSON.parse(body);
ejs.renderFile('views/index.ejs', jsonData, function(err, result) {
res.send(result);
});
}
});
});
app.listen(3000, function(){
console.log('http server listening on port 3000...');
});`
注意，在上面的代码中，我们使用了ejs来渲染模板；使用request模块来获取API内容；使用express.static函数提供静态文件服务，这些都很重要，尤其是request模块，需要我们自己选择需要引入的模块，以便满足自身需求。
四、编写html文件
新建一个视图文件夹，例如：“views”，在里面新建一个ejs类型的文件，例如：“index.ejs”文件，然后将以下代码粘贴到该文件中。
```
这里是 iapp.cn
<% for(var i=0; i
<%= covers[i].title %>
<% } %>
<% for(var i=0; i
<% } %>
```
该页面是用来展示iapp网站上的资讯列表和幻灯片。我们通过使用 '<%= +变量名 %>' 这样的语句，可以在视图页面中展示我们请求api得到的数据。
五、启动服务器
打开命令行并输入以下命令：
`node main.js`
这将启动我们刚才开发的web服务。现在我们就可以从浏览器中输入“http://localhost:3000”访问我们的应用。我们可以通过浏览器的开发者工具观察 iapp.cn 网站，然后尽可能的使自己开发出的APP在界面展示上与 iapp.cn 一致，可以使用CSS和JavaScript等技术对网页进行修改，从而实现我们制作iapp APP的体验。
以上就是把网站变成APP的详细教程，如果你对这方面有兴趣，可以动手练习一下，感受下制作APP的快乐！
