如何将自己的网站封装成微信小程序,并解决当前页面不可转发的问题

前提条件:
1)网站需要备案,个人网站或者公司网站均可,属于业务域名
2)网站需要做好https加密链接
3)自己的小程序需要做微信认证
所以如果是个人小程序就不要考虑啦,是没法封装的,需要是企业认证的小程序

1、在小程序管理后台把小程序的基本信息完善后,在”开发设置”->”业务域名”那里,把要展示的官网加上

如何将自己的网站封装成微信小程序

2、在微信官方下载一个微信开发者工具,新建项目,然后打开index.wxml,把里面的内容替换成下面的,然后上传、审核、发布即可

 <web-view src="https://www.taiyoubang.com" />  

微信开发者工具官网下载链接,下载个稳定版的即可:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

如何将自己的网站封装成微信小程序

3、解决微信小程序当前页面不可转发的问题, 把下面的函数加上即可

  /**
  * 用户点击右上角分享
  */
  onShareAppMessage: function () {

  }, 
如何将自己的网站封装成微信小程序,并解决当前页面不可转发的问题

 

4、app.json修改下跳转时的显示标题

{
"pages": [
"pages/index/index",
"pages/userConsole/userConsole",
"pages/storageConsole/storageConsole",
"pages/databaseGuide/databaseGuide",
"pages/addFunction/addFunction",
"pages/deployFunctions/deployFunctions",
"pages/chooseLib/chooseLib",
"pages/openapi/openapi",
"pages/openapi/serverapi/serverapi",
"pages/openapi/callback/callback",
"pages/openapi/cloudid/cloudid",
"pages/im/im",
"pages/im/room/room"
],
"window": {
"backgroundColor": "#F6F6F6",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#F6F6F6",
"navigationBarTitleText": "显示标题:太友帮",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"style": "v2"
}

最终显示的效果就是一个用自己域名实现的官网小程序,如下:

如何将自己的网站封装成微信小程序

相关推荐