將一個網站變成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的快樂！
