网站适配小程序的另一种方法——封装

【悦然企业网站建设】之前搭建了一个工具箱网站，然后直接把这个网站封装成了微信小程序，方法很简单，而且该方法同样适用于百度小程序制作或其它平台的小程序制作。所以我把方法给大家简单分享一下，提供一个简易教程。

只要你的网站满足https、已备案、H5响应式、有根目录文件上传权限就可以适配，不管是微信小程序还是百度小程序，或者是其它小程序都可以尝试。

教程如下：

一、准备工作

我们需要先到微信公众平台新建一个微信小程序，如果你有已经认证好的公众号，可以直接从公众号新建小程序，小程序可以直接利用公众证的认证资质，就不用花钱认证了。

然后你还需要下载安装微信开发工具

另外你还需要做好H5建站，如果已有H5站点可以直接开始下面的操作。

二、新建一个微信小程序项目

微信小程序注册成功，并且信息都填写完整后就可以开始适配小程序了。首先下载安装微信开发工具，然后登陆，新建一个空项目，填写appid，如上图所示。

开发工具下载安装。

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

三、嵌入H5站点

新建小程序项目后工具会自动生成一些文件，我们依次打开pages-index-index.wxml，然后清空里面的内容，输入如下代码：

<web-view src=”https://你的网址”></web-view>

记得保存。

四、添加分享代码

接下来我们完善一下小程序的分享功能，在pages-index-index.js文件中添加如下代码。

Page({
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '这里填写自定议分享标题',
      path: '/page/user?id=123'
    }
  }
})

如上图所示，分享标题可以根据你的小程序内容来填写，填写完成后保存。

四、填写服务器域名

登陆微信小程序后台，在【开发】-【开发管理】中找到【服务器域名】，然后填写你的需要适配的H5站点即可。

五、填写业务域名

然后继续填写业务域名。需要注意的是业务域名必须要备案，而且要在服务器根目录上传校验文件，这一步很关键，有很多saas建站系统做的网站可能没有这个权限。

六、预览发布

以上步骤都做好后在开发工具里面可以直接预览小程序的效果，如上图所示，确定无误之后直接发布即可。发布之后需要到登陆小程序后台去提交审核，审核通过之后即可上线。

总结

我们之前上线了一个百度站点LOGO权限开通服务，该服务主要是给网站适配百度小程序。但是有些客户的网站因为使用的网站程序比较偏门，不太好找到对应的百度小程序源码。如果你的网站也存在这种情况，那么不妨试试【悦然企业网站建设】分享的这个方法，这个方法不仅适用于微信小程序，百度小程序制作也同样适用。

PS：微信小程序的审核比较灵活，也比较容易，但是百度小程序的审核可能会比较严格，如果你的网站内容有很多二维码，或其它联系方式，那么最好暂时删除然后才好过审。另外H5站点直接适配的百度小程序可能在替换H5资源和提交适配规则时会有一些麻烦，一般是无法成功的，百度小程序官方客服直接表示不建议使用这种小程序封装方式。