将一个网站变成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 %>

<% } %>

```

该页面是用来展示iapp网站上的资讯列表和幻灯片。我们通过使用 '<%= +变量名 %>' 这样的语句，可以在视图页面中展示我们请求api得到的数据。

五、启动服务器

打开命令行并输入以下命令：

`node main.js`

这将启动我们刚才开发的web服务。现在我们就可以从浏览器中输入“http://localhost:3000”访问我们的应用。我们可以通过浏览器的开发者工具观察 iapp.cn 网站，然后尽可能的使自己开发出的APP在界面展示上与 iapp.cn 一致，可以使用CSS和JavaScript等技术对网页进行修改，从而实现我们制作iapp APP的体验。

以上就是把网站变成APP的详细教程，如果你对这方面有兴趣，可以动手练习一下，感受下制作APP的快乐！