PHP或者HTML开发微信网页JSSDK

最近公司开发了几款用于宣传的微信页面,里面主要用到了JSSDK,以及如何用它进行分享到朋友圈和好友的时候,实现小图标和文字描述。

首先需要一个认证了的服务号,在公众号设置->功能设置->JS接口安全域名下,添加自己的服务器路径。

之后在路径下加入微信的文本文件

最后在页面引入JS文件

下面就可以在页面进行使用了,首先在页面头部引入jssdk.php:

<?php
require_once "php/jssdk.php";
$jssdk = new JSSDK("微信APPID", "微信密码");
$signPackage = $jssdk->GetSignPackage();
?>

jssdk.php的文件可以在微信demo文件中获取。

如果是HTML就用JS来调用。

       var content = "云产烟品牌周年庆新疆分中心本香活动";

        wx.config({
            // 配置信息, 即使不正确也能使用 wx.ready
            debug: false,
            appId: '<?php echo $signPackage["appId"];?>',
            timestamp: '<?php echo $signPackage["timestamp"];?>',
            nonceStr: '<?php echo $signPackage["nonceStr"];?>',
            signature: '<?php echo $signPackage["signature"];?>',
            jsApiList: ['checkJsApi','onMenuShareTimeline','onMenuShareAppMessage']
        });


    function autoPlayAudio1() {
        wx.ready(function(res) {

             //分享给朋友
        wx.onMenuShareAppMessage({
            title: '天山环秀,香自云中',       // 分享标题
            desc: content, // 分享描述
            link: 'http://www.域名.com/JS/index1.php',                 // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://www.域名.com/JS/logo1.png',                             // 分享图标
            type: '',                               // 分享类型,music、video或link,不填默认为link
            dataUrl: '',                            // 如果type是music或video,则要提供数据链接,默认为空
            trigger: function(res) {},
            success: function(res) {},
            cancel: function(res) {},
            fail: function(res) {}
        }); 

       //分享到朋友圈
       wx.onMenuShareTimeline({
            title: '天山环秀,香自云中', // 分享标题
            link: 'http://www.域名.com/JS/index1.php', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://www.域名.com/JS/logo1.png', // 分享图标
            trigger: function(res) {},
            success: function(res) {},
            cancel: function(res) {},
            fail: function(res) {}
        });  
            
       
        });

        wx.checkJsApi({
            jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'], // 需要检测的JS接口列表
            success: function(res) {
                    // alert(res);
            }
        });

        wx.error(function(res){

         });
    
        }

这里的注意点是:

一,imgUrl必须是https开头,不然IOS系统不支持小图标。

二,MP_verify_IQ2J5O8aSzoYj2g4.txt,文件必须放在http://www.域名.com/JS/下面描述才会生效。

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页