微信小程序一行代码实现微信公众号页面代码复用

最近在弄微信小程序，刚开始看官方文档，BOSS想要注册一个小程序，通过点击小程序分享出来的的链接直接进入微信公众号的首页，这样省的再写一套小程序的代码，省时省事（其实是BOSS觉得小程序分享出去的页面比较好看）。

一开始想到的是把分享的页面做的像小程序的分享页面一样，不通过小程序，直接进入微信公众号。后来没有找到解决方法，这个方案被抛弃了。

既然必须要先打开小程序，那就干脆用webview吧小程序官方文档webview。这里要注意的是个人类型与海外类型的小程序暂时是不支持使用webview的，博主后来用BOSS的公众号去注册了一个。

接下里写代码。非常简单，在index.wxml里写如下代码：

<webview src="https://www.baidu.com"></webview>

那么问题来了。这里以百度首页为例：

<webview src="https://www.baidu.com"></webview>

出现如下页面：

嗯？？？看来没有想象的那么简单。

这个业务域名是什么呢，问度娘。

我们登陆微信公众平台的小程序，点击“设置->开发设置->业务域名”（前面说过，个人类型和海外类型小程序暂不支持，也没有业务域名这一版块）。

然后我们添加业务域名。需要做以下两步：

1. 下载配置业务域名界面提供的效验文件（非HTML文件，博主下载的是txt，不知道还有没有什么其他的文件格式），放到你要配置的域名根目录下；
2. 填写你要配置成业务域名的域名（必须先完成第一步才能配置域名，否则会报错）

配置好后该域名下的所有目录都可以通过webview访问。（反正博主是成功了）

然后是BOSS要的分享功能。就是上图的三个小黑点，在没有插入代码的时候点击是这个样子的：

在index.js的page下插入如下代码：

onShareAppMessage:function(){
    return{
      title:'美之道',
      imageUrl:'../../imgs/1.jpg',
      desc:'在变美的道路上越走越远..',
      path:'/pages/index/index'
    }
  }

现在可以进行转发：

然后我们上传代码，设置版本号为0.0.1，到小程序后台把当前版本设置为体验版。

微信扫码打开体验版，试一试转发功能。转发出去是这个样子的：

（图片是溪哥安悦溪，博主最喜欢的女演员，没有之一）

至此BOSS交给博主的使命就初步完成了。后续如果需要转发到其他平台，只需要在index.js下的page中插入相应代码即可，博主在此不再赘述，大家自己动手。

总结一下，小程序的代码就两段：index.wxml一行，index.js不过十行。

偷懒妙招。（据说SDK还是通用的，至少在博主这里不需要改动）

最后安利一下BOSS的产品：美之道。（微信公众号：美之道，微信号：BeBeautyWay）

目前正在开发中，欢迎任何宝贵意见或建议。

我猜有人要说博主打广告。

我认怂。

我就打个小广告别喷我。