小程序webview 转发 分享朋友圈

转战小程序 webview  H5页面 的转发分享朋友圈功能

      先说 小程序分享朋友圈的 功能实现

      在小程序内部做分享，尚且需要用画布画出带有二维码的图片，在H5页面上更不用说了，根本就碰不着小程序的自己的api。老老实实画画布吧。

      做的过程中发现以下几个问题：

      1. IOS白屏打不开webview 页面。

      2. 调用获取二维码接口，code 已经200，但是不进回调，并且后台报错。

      3. 二维码接口调回来是二进制流，或者后台处理成base64，都无法画到画布上。

      4.将画布图片保存到本地。

 

    以下是我的解决方案：

     1. webview 中的路径含有中文，传输中编解码错误，导致IOS打不开含有中文的路径。不多说上代码：

     

wxml 中代码

onLoad: function (options) {

let name = this.Base64encode (options.name);

let pdf = this.Base64encode (options.url);

var src = 'http://172.22.5.12:8083/puhuicrm/js/applet/pdfWater.html?name=' + name + '&phone=' + options.phone + '&pdf=' + pdf;

 

this.setData({

src: src

})

},

// public method for encoding

Base64encode : function (input) {

var output = "";

var chr1, chr2, chr3, enc1, enc2, enc