apicloud封装h5实现微信分享+图片存储

管理员组 lyj 21天前 43

第一步:封装app

第二步:获取apicloud中的代码

第三步:在apicloud中index.html中添加分享代码

  // 好友分享start
    function wxSession(a, b, c, d) {
        var wx = api.require('wx');
        var str = c.split('?')[0];
        var index = str.lastIndexOf("\/");
        str = str.substring(index + 1, str.length);
        var filename = str.split('.')[0];
        wx.isInstalled(function(ret, err) {
            if (ret.installed) {
                api.download({
                    url: c, // 图片地址
                    savePath: 'fs://' + filename + '.jpg', // 图片存储路径
                    report: true,
                    cache: true,
                    allowResume: true
                }, function(ret, err) {
                    if (ret.state == 1) {
                        // alert(api.fsDir+'/'+filename+'.jpg')
                        wx.shareWebpage({
                            apiKey: 'wx3d90ea9c243cb5b8',
                            scene: 'session',
                            title: a,
                            description: b,
                            thumb: api.fsDir + '/' + filename + '.jpg',
                            contentUrl: d,
                        }, function(ret, err) {
                            if (ret.status) {
                                // alert('分享成功');
                            } else {
                                alert('分享失败');
                            }
                        });
                    }
                })
            } else {
                alert('当前设备未安装微信客户端');
            }
        });
    }
    // 朋友圈分享start
    function wxTimeline(a, b, c, d) {
        var wx = api.require('wx');
        var str = c.split('?')[0];
        var index = str.lastIndexOf("\/");
        str = str.substring(index + 1, str.length);
        var filename = str.split('.')[0];
        wx.isInstalled(function(ret, err) {
            if (ret.installed) {
                api.download({
                    url: c, // 图片地址
                    savePath: 'fs://' + filename + '.jpg', // 图片存储路径
                    report: true,
                    cache: true,
                    allowResume: true
                }, function(ret, err) {
                    if (ret.state == 1) {
                        // alert(api.fsDir+'/'+filename+'.jpg')
                        wx.shareWebpage({
                            apiKey: 'wx3d90ea9c243cb5b8',
                            scene: 'timeline',
                            title: a,
                            description: b,
                            thumb: api.fsDir + '/' + filename + '.jpg',
                            contentUrl: d,
                        }, function(ret, err) {
                            if (ret.status) {
                                // alert('分享成功');
                            } else {
                                alert('分享失败');
                            }
                        });
                    }
                })
            } else {
                alert('当前设备未安装微信客户端');
            }
        });
    }

第四步进入封装的网址添加分享的页面添加以下代码

$("#wx").click(function () {
    try {
        api.execScript({
            name : 'root',  //由于直接在index上使用openFrame,因此只需name root。            
            script : "wxSession('{$goods['title']}','快递:{php echo $goods['dispatchprice'] == 0 ? '包邮' :     number_format($goods['dispatchprice'],2)}','{php echo tomedia($thumbs[0])}?imageView/1/w/100/h/100',\"<?php  echo     'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']   ?>\")"        });    }catch (e) {
        alert('请使用浏览器进行分享')
    }
})

$("#pyq").click(function () {
    try {
        api.execScript({
            name : 'root',  //由于直接在index上使用openFrame,因此只需name root。            
            script :"wxTimeline('{$goods['title']}','快递:{php echo $goods['dispatchprice'] == 0 ? '包邮' : number_format($goods['dispatchprice'],2)}','{php echo tomedia($thumbs[0])}?imageView/1/w/100/h/100',\"<?php  echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']   ?>\")"        });    }catch (e) {
        alert('请使用浏览器进行分享')
    }

})
还没有人收藏过本帖~
最新回复 (0)
返回