从小程序跳转到公众号-web-view用法

需求背景：

      从小程序中跳转到公众号或者其他外部链接。

解决方案：

需要注意两点：
   第一：该小程序与跳转的公众号进行了绑定关联
   第二：使用小程序开放能力web-view跳转会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。

web-view提供了一个 src 属性，这个src属性可以从小程序跳转到指定链接的地址上。

操作步骤：
   第一步：创建一个新的页面，且需要在app.json中的pages中注册
   第二步：在新创建的页面中，使用 webview标签且src属性的值就是要跳转的地址。

代码如下：
   app.json文件：
      {
         "pages": [
            "pages/webview/webview"
          ]
      }

   //某个触发跳转事件的页面
   <view>
      <view bindtap="goToWxPublic">点击跳转到对应的公众号界面</view>
   </view>
   //对应的js代码
   Page({
     data:{},
     onLoad:function(){},
     goToWxPublic(){
       const url="这里需要填写要跳转的公众号地址";
       const title = "公众号标题";
       //跳转到新建的webview页面并把url地址传递过去
       wx.navigateTo({
          url: `/pages/webview/webview?url=${url}&title=${title}`
       })
     }
   })


   //webview页面
   <view>
     <web-view src="{{url}}"></web-view>
   </view>
   //js代码
   Page({
     data:{
       url:'',
     },
     onLoad:function(options){
       const {url,title} = options;
       this.setData({
         url,
       })
       wx.setNavigationBarTitle({
         title,
       })
     }
   })

至此，就可以实现从小程序跳转到公众号上面了~

注意事项：

如遇到跳转失败，原因可能是以下两点：
   1.跳转的公众号未关联该小程序，所以，需要把公众号与小程序进行关联。
   2.小程序后台管理没有配置添加业务域名（如果只是测试的话，开发者可以设置本地域名不检验合法域名等）