游戏接入微信登录(含上架应用市场)全流程

点击上方亿元程序员+关注和★星标

引言

哈喽大家好,如果我们的游戏需要记录玩家的存档到服务器或者制作世界排行榜,这个时候我们需要用户的唯一标识。

用户唯一标识通常与设备、手机号或者微信绑定。

微信绑定 通常需要通过微信登录,才可以获取到唯一的openid

言归正传 ,给大家整理了游戏接入微信登录(含上架应用市场)全流程,如果您看懂了,建议点赞分享收藏!

本文源工程可在文末获取,小伙伴们自行前往。

总览

结构

拉起登录

授权

完整流程

1.应用申请

想要接入微信登录,必须在微信开放平台申请应用。

1.打开微信开放平台官网创建应用

打开 官网https://open.weixin.qq.com/,登录后点击移动应用开发下方的了解更多。

进入到移动应用开发界面后,点击创建应用按钮。

2.填写应用信息

依次填写应用信息,包括:

  • 移动应用名称:你的游戏名字。
  • 移动应用简介:你的游戏简介。
  • 应用官网 :你的游戏已经上架的官网下载地址,下面会详细讲到
  • 移动应用图片 :包括28*28像素的水印图片和108*108像素的游戏图标。
  • 应用市场:选择未上架/已上架,已上架需要填写备案号,我们选未上架。
  • 应用类目 :你的游戏类目,一般填游戏-休闲游戏
  • 应用运行流程图:你的游戏运行的流程图,最多10张截图。
  • 申请/修改应用说明:说明,这里可以填接入微信登录。

填好之后 可以提交审核,审核成功后即可获得微信登录权限,获取APPIDAppSecret,配置包名和签名。签名的获取可以通过官方提供的工具。

2.上架应用市场

因为 需要游戏已经上架的官网下载地址,这里我们演示一下如何上架taptap

1.打开官网

打开 官网https://www.taptap.cn/,登录后选择开发者中心,进入控制台。

2.认证

提示需要先认证开发者,我们点击前往认证。

3.填写认证开发者信息

选择需要认证的主体,企业主体/个人主体,这里我们选择个人主体。

需要填写以下信息:

  • 厂商名称:厂商/工作室名称。
  • 开发者的个人信息:名字、地址、身份证信息。
  • 联系方式:邮箱和手机号。

填写完成 后提交审核,认证时间需要人工审核预计需要2个工作日。

4.创建游戏

审核通过之后,我们可以回到控制台,点击创建游戏。

填写你的游戏信息,包括:

  • 游戏名称和类型:游戏的名称和类型。
  • 上架方式:这里我们选择常规发布。
  • 游戏图标 :尺寸为512*512px
  • 开发者类型:开发商/发行商/两者,我们选开发商。
  • 游玩提供形式:我们选择手机。
  • APK包名:唯一标识,微信登录需要验证。

5.完善信息提审

创建完成之后,我们需要进一步完善游戏信息,才可以提交审核上架。包括:

  • 游戏下载和获取 : 需要填写游戏的状态(正式上线试玩版 ,如果要正式上线需要版号)和上传APK包。iOS选择敬请期待。

  • 游戏名和简介 : 你的游戏名和简介。

  • 游戏截图 : 至少3张。

  • 游戏实机录屏 : 游戏录屏,必须快速进入游戏,展示游戏流程。

  • 宣传图 :尺寸1920*1080,带Logo

  • 隐私政策链接 :必填,可以让AI搭子帮你生成一个网站,然后挂到免费的静态网站上。

填写完成后,提交审核即可,审核通过即可上架,游戏首页即我们所需的应用下载地址。

3.接入微信登录

1.场景搭建

借用 文章《为什么游戏公司现在都喜欢用protobuf?》中的场景。

2.WxLoginComponent组件

添加 WxLoginComponent组件,配置一下服务器登录接口地址。

组件请求微信登录的流程图。

调用登录 ,这里没有领导自己用的话就不用卡2秒了。

发到原生拉起登录

接收原生授权后的回调

将获取到的code发送到后端获取信息

(为了保证秘钥的安全不泄露,但是也可以直接在客户端完成)

信息展示

3.原生部分

导出 原生工程后在模块的build.gradle中引入微信sdkapi 'com.tencent.mm.opensdk:wechat-sdk-android:+'

包名com.dlscg.test(自己游戏的包名,没有则创建)下创建一个文件夹wxapi并且创建一个Activity实现IWXAPIEventHandler接口用于接收微信登录的回调。

清单文件AndroidManifest.xml中注册一下窗体。

添加防混淆配置。

创建 WxLoginComponent用于与Cocos交互,填写好自己游戏的WX_APPID

拉起登录

4.服务端部分

因为 涉及AppSecret,为防止泄露,我们需要部署后端与微信交互,当然也可以直接在前端完成,但是不建议。

搭建 一个简单的Http服务器,配置好自己游戏的AppSecret和服务器端口即可。

通过 https://api.weixin.qq.com/sns/oauth2/access_token获取access_token。需要参数包括原生获取到的codeAPPIDAppSecret

通过 https://api.weixin.qq.com/sns/userinfo获取用户信息,如果不需要昵称和头像可忽略该步骤,需要参数包括上面授权成功返回的access_tokenopenid

最后 部署到服务器,通过node .\server\server.js启动服务器即可。

5.效果展示

拉起登录

授权

完整流程

结语

以上游戏接入微信登录(含上架应用市场)全流程 ,需要源工程 的小伙伴可以阅读原文获取(可代理接入),感谢支持!

我是"亿元程序员",一位有着8年游戏行业经验的主程。在游戏开发中,希望能给到您帮助, 也希望通过您能帮助到大家。

AD:笔者线上的小游戏《打螺丝闯关》《贪吃蛇掌机经典》《重力迷宫球》《填色之旅》《方块掌机经典》大家可以自行点击搜索体验。

实不相瞒,想要个在看 !请把该文章分享给你觉得有需要的其他小伙伴。谢谢!

推荐专栏:

知识付费专栏

你知道和不知道的微信小游戏常用API整理,赶紧收藏用起来~

100个Cocos实例

8年主程手把手打造Cocos独立游戏开发框架

和8年游戏主程一起学习设计模式

从零开始开发贪吃蛇小游戏到上线系列

点击下方灰色按钮+关注。

相关推荐
king王一帅2 小时前
Incremark Solid 版本上线:Vue/React/Svelte/Solid 四大框架,统一体验
前端·javascript·人工智能
智航GIS6 小时前
10.4 Selenium:Web 自动化测试框架
前端·python·selenium·测试工具
前端工作日常6 小时前
我学习到的A2UI概念
前端
徐同保7 小时前
为什么修改 .gitignore 后还能提交
前端
一只小bit7 小时前
Qt 常用控件详解:按钮类 / 显示类 / 输入类属性、信号与实战示例
前端·c++·qt·gui
Mr -老鬼7 小时前
前端静态路由与动态路由:全维度总结与实践指南
前端
颜酱8 小时前
前端必备动态规划的10道经典题目
前端·后端·算法
wen__xvn8 小时前
代码随想录算法训练营DAY10第五章 栈与队列part01
java·前端·算法
大怪v9 小时前
前端佬们!!AI大势已来,未来的上限取决你的独特气质!恭请批阅!!
前端·程序员·ai编程
Mr -老鬼9 小时前
功能需求对前后端技术选型的横向建议
开发语言·前端·后端·前端框架