如何将网站封装为小程序,通用方案
网页封装小程序教程:
一、创建小程序
打开小程序开发者工具,新建立一个小程序项目(填写项目名称、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中,将里面的代码全部替换为以下代码:
<!-- 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');
}
})
},
四、完成
最后编译小程序,然后慢慢调试即可!