微信公众号开发入门教程

1、申请注册一个公众号,个人的就可以了,然后进入测试号,如下图:(测试账号,除了支付其他的都可以用)

微信公众号开发入门教程_第1张图片

2、获取用户信息:

(1)前端代码:

前端需要先获取code然后传给后端获取用户信息,之后就可以尽情的玩耍了,获取code方式如下(其中appid,点击上图测试号,里面就可以获取到appid,redirect_uri,就是你的跳转url,code参数就会传到这个链接里面)

第一步:

先加载微信指定的链接,新建一个页面,在页面里加入window.location = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxc3fa34c0e7a0a42f&redirect_uri=http%3A//www.grandvisual.com.cn/dist/%23/home&response_type=code&scope=snsapi_userinfo&state=59c9c8c5a182720986868161506396357#wechat_redirect'  即可,对了,这里要注意的,重定向链接是要进行编码的,编码方法如下:

escape('http://www.grandvisual.com.cn/dist/#/'),然后将编码过后的字符创作为redirect_uri的值。

第二步:

获取code:

get_query_string:function(name)
        {
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)
     return  unescape(r[2]); return null;
        }

//传入key名就好,然后直接传给后台,到此结束。

this.get_query_string('code')

尤其注意:由于公众号的secret和获取到的access_token安全级别都非常高,必须只保存在服务器,不允许传给客户端。后续刷新access_token、通过access_token获取用户信息等步骤,也必须从服务器发起。



你可能感兴趣的:(web)