如何将网站封装为小程序，通用方案

2022-09-17 16:27:13 宣传部

网页封装小程序教程：

一、创建小程序

打开小程序开发者工具，新建立一个小程序项目（填写项目名称、APPID以及开发目录）即可。

二、域名配置

打开小程序的开发者平台，配置合法域名（request合法域名、socket合法域名、uploadFile合法域名、downloadFile合法域名、udp合法域名、tcp合法域名）。

三、修改文件

修改pages/index/index.json 和 pages/index/index.swan 这两个文件

1、在pages/index/index.json中修改小程序名称，代码如下：

{

"navigationBarTitleText": "你自己的小程序名字"

}

2、在pages/index/index.swan中，将里面的代码全部替换为以下代码：

<web-view src="https://你的手机端网址"></web-view>

3、修改index.js内的小程序信息

按照上图箭头指示位置，将以下代码插入，TKD修改成你自己的网站信息：

onShow(options) {

swan.setPageInfo({

title: '你的网站标题',

keywords: '你的网站关键词',

description: '你的网站描述',

likes: '75',

comments: '13',

collects: '23',

shares: '8',

followers: '35',

success: function () {

console.log('setPageInfo success');

}

})

四、完成

最后编译小程序，然后慢慢调试即可！