微信小程序开发：微信小程序跳转网页链接代码

平时我们在微信小程序开发的过程中，总会有这样的问题，那就是已经有了H5网页了，想省点事，不想在重新又写一套小程序的代码！因为微信小程序开发起来说麻烦，也麻烦，说不麻烦也不麻烦。比如传统的页面展示这些要开发起来还是很容易实现，但是像一些表单，特效在微信小程序里要实现起来就比较麻烦了，因为微信小程序的渲染和网页渲染有所不一样，加上微信小程序对代码的要求这些也不一样，所以这个时候如果要在写一个跟H5网页一样的功能出来，那么问题就来了。

因此这个时候如果能实现像网页那样进行嵌入式H5那就方便了，关于这个问题我查阅了微信小程序开发文档，发现嵌入式的方式还真没有，但是官方有提供利用web-view组件在微信小程序跳转网页链接的能力。

废话不多说，直接上微信小程序跳转网页链接代码：

1、新建一个tiaozhuangurl文件夹，这个文件夹你也可以根据自己需要自己命名成自己想要的，并添加上对应的文件：index.wxml，index.js，index.json，index.wxss等4个文件。

2、然后在把这个页面添加到 app.json 中，给正常注册一个页面路径，比如：pages/tiaozhuangurl/index。

3、接着在index.wxml里添加上如下代码：

<web-view src="https://www.tianwenhai.com" bindload="bindload" binderror="binderror"></web-view>

4、在index.json里添加上如下代码：

{ "navigationBarTitleText": "",
  "enablePullDownRefresh": false,
  "usingComponents": {}
}

5、最后index.js和index.wxss里随便丢点代码就可以了。

这样一个完整的微信小程序跳转网页链接代码就完成了。

关于微信小程序跳转网页链接代码的温馨提示：

1、根据微信小程序开发文档说明要求，微信小程序跳转网页链接代码中的网页链接必须是通过了ICP备案过的。

2、微信小程序跳转网页链接的网页链接要添加业务域名到小程序后台，同时还需要通过身份验证才可以跳转，不是说随便你填写一个别人的网址也可以的。

3、微信小程序跳转网页链接必须是HTTPS的，也就是说你还得需要开通了SSL证书才行。不然还跳转不了。