wxoauth-H5游戏接入教程

1.首先确认您的H5系统的文件夹结构是否如下图展示的类似:

wxoauth-H5游戏接入教程_第1张图片
确认所在网站根目录文件夹结构是否类似

2.接入前请确认H5是否部署成功并且可以访问H5管理后台

3.请进入H5管理后台正确设置微信公众号appid和secrect


wxoauth-H5游戏接入教程_第2张图片
正确设置微信appid和key

4.设置微信公众平台的授权域名


wxoauth-H5游戏接入教程_第3张图片
公众号授权域名修改

如果无法设置成功,请先确认在wxoauth平台上是否成功添加完授权文件,添加完后再次在公众平台设置好授权域名为api.hescloud.cn/m

wxoauth-H5游戏接入教程_第4张图片
wxoauth添加授权文件

5.生成接口地址

    在wxoauth生成你的接口地址,一个接口地址对应一个域名哦~


wxoauth-H5游戏接入教程_第5张图片
生成一个接口地址准备使用

6.修改H5的文件

实际上本套H5接入wxoauth多域名授权仅需修改一个文件:网站根目录/application/Common/Controller/HomebaseController.class.php,

打开该文件,查看第34行,将这行修改为:

$baseurl=urlencode('接口地址'.$_SERVER[PHP_SELF].'?'.$_SERVER['PHP_STRING']);

请注意书写格式,引号是英文键盘下的单引号!不要缺少引号和 . (点),注意对比哦~

wxoauth-H5游戏接入教程_第6张图片
修改第34行为你的接口地址

7.修改授权样式

    以上步骤完成后,修改一下授权样式:内测(会员)


wxoauth-H5游戏接入教程_第7张图片
修改跳转样式

    这个样式授权过程最快(不要问为什么,H5专属定制样式)!

修改完后按 CTR+S(保存)后即可生效,这时候去微信访问你的页面,就可以看到授权跳转了。

我们的接口测试100%是成功的,如果你的失败了,请认真排查,一定是哪里设置错了或者没设置,比如:

1).授权域名没有设置;

2).H5后台管理系统没有设置appid或者Key,或者key你修改过但是忘记了,仍然填写旧的,这时候需要重置一下key,填写过来;

3).HomebaseController.class.php这个文件没正确修改;

4).接口地址填错了(一个接口地址对应你的一个域名,不能每个不同域名下的H5都填写一样的接口地址,这样虽然能登录,但是登录完跳转的网址是错的!)

5).要设置IP白名单,需要把你部署H5的网站对应的服务器ip写到公众号的ip白名单里头。

6).没有其他原因了(难道你的公众号是订阅号不是服务号么?)

你可能感兴趣的:(wxoauth-H5游戏接入教程)