微信公众号的介绍与开发流程

一、微信公众号简介

二、订阅号的基本功能介绍

1、订阅号:

为媒体和个人提供一种新的信息传播方式,主要功能是在微信给用户传达资讯

2、适用人群:

个人、媒体、企业、政府或其他组织

3、群发次数:

订阅号(认证用户、非认证用户)1天内可群发1条消息


三、介绍Jssdk及授权部分流程

1、准备工作

有一个公网可以访问的页面(把代码放在云服务上:推荐新浪云)
注册一个微信公众账号

2、绑定域名

在公众号设置—功能设置—JS接口安全域名—添加你需要访问的域名
注意:将文件 MP_verify_IPT4ijeU1LYnoBBB.txt 下载上传至填写域名或路径指向的web服 务器(或虚拟主机)的目录,并确保可以访问

3、引入JS文件(这样才可以在代码 中用 wx 这个对象)

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.6.0.js
如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)。

4、通过config接口注入权限验证配置

有需要使用 JS-SDK 的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)

mounted() {
    //向后端发起请求 ,传来url路径
    axios.get(`/api/get.php?url=${encodeURIComponent(location.href.split('#')[0])}`).then(res => {
        // console.log(res.data)

        // 新浪云未经过实名认证所被强行注入脚本的解决方法
        let obj = JSON.parse(res.data.split("<script")[0])
        console.log(obj)
        // 签名认证
        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
            appId: obj.appId, // 必填,公众号的唯一标识
            timestamp: obj.timestamp, // 必填,生成签名的时间戳
            nonceStr: obj.nonceStr, // 必填,生成签名的随机串
            signature: obj.signature,// 必填,签名
            jsApiList: ["chooseImage", "previewImage", "getLocation", "openLocation", "scanQRCode"] // 必填,需要使用的JS接口列表
        });
    })

},

后端代码(PHP):

<?php
use sinacloud\sae\Storage as Storage;
require_once "jssdk.php";
$jssdk = new JSSDK("换成自己的appid","换成自己的secret",$_GET["url"]);

$signPackage = $jssdk->GetSignPackage();
    // -> 调用对象中的方法
    //编码json格式,为实名认证需要加.'<script type>'
    echo  json_encode($signPackage).'<script type>'; 
?>

5、访问调用微信jssdk的方法

wx.ready(function(){  
    在这里面写 访问调用微信js sdk的方法,具体方法在微信文档中
})

6、在wx.config中设置

jsApiList: [          
    //******* 所有要调用的 API 都要加到这个列表中,否则没有效果 ***********             'chooseImage',  
    'openLocation',        
    'getLocation',         
    'startRecord',          
    'stopRecord',
    'playVoice',          
    'pauseVoice',        
    'scanQRCode',          
    'uploadImage',          
    'translateVoice'      
]

四、IP白名单的配置

//如果你需要给访问的外部接口添加 IP 访问授权,
//外网访问出口 IP 列表:
220.181.136.56
220.181.136.57
220.181.129.102
220.181.129.119
220.181.129.89
220.181.129.126
220.181.129.121
220.181.129.92
220.181.129.99
220.181.84.185
220.181.136.120
220.181.136.141
123.125.23.211
123.125.23.212
123.125.23.213
123.125.23.214
61.172.201.27
61.172.201.28
183.60.187.57
183.60.187.58
221.179.190.238
221.179.190.240

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 848130454@qq.com

文章标题:微信公众号的介绍与开发流程

文章字数:1.1k

本文作者:Spicy boy

发布时间:2020-06-10, 20:43:43

最后更新:2021-03-08, 17:41:30

原始链接:http://www.spicyboy.cn/2020/06/10/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E7%9A%84%E4%BB%8B%E7%BB%8D%E4%B8%8E%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏