新闻资讯

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

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中,将里面的代码全部替换为以下代码:


  <!-- 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');

  }

  })

  },


  四、完成


  最后编译小程序,然后慢慢调试即可!