【QQ小程序】制作教程

zhichi_admin

小程序在线学习平台：http://school.jisuapp.cn/

一、QQ小程序注册

QQ小程序开放平台登录网址https://q.qq.com

点击下图中“注册”，进入小程序登录账号注册页面

1.QQ小程序注册流程

1.1 申请小程序登录账号

1.【填写账号和密码】

注意：①登录账号不建议使用私人邮箱；②目前已放开注册，邀请码为选填

2.【激活邮箱】

填写完毕点击激活邮箱，腾讯会发送一封激活邮件到所填写的邮箱账号

邮件内容大致如图所示：

点击邮件中的链接，跳转至“填写主题信息”页面

3.【填写主体信息】

主体类型分为个人类型、公司类型两种，分别需要提交不同的审核资料

4.【开发者资质审核】

个人类型主体需要填写的个人资质信息包括：姓名、身份证号码、手机号验证

公司类型主体需要填写：主体名称、企业法人营业执照、统一社会信用社代码

5.【qq认证】

提交主体信息后，进入“qq认证”阶段，可以直接点击“下一步”进行管理员信息登记

6.【管理员信息登记】

管理员信息登记包括：姓名、身份证号码、手机号码验证、本人QQ扫描绑定

使用手机QQ扫描二维码后，弹出验证窗口：

验证成功后，至此小程序登录账号注册完毕

1.2 开发者资质审核

企业和个人通过资质认证之后才能发布小程序

登录账号进入QQ小程序平台，在“首页”中可以看到开发者资质状态此时为“审核中-待打款”：

点击查看详情，填写银行打款认证资料：银行开户名、开户银行、银行所在地、开户支行、银行账号

提交审核后，开发者资质状态会变为“审核中-打款中”：

收到腾讯打款之后，在打款备注信息里会附带验证码，此时开发者资质状态会变为“校验验证码”

验证码需登录银行卡所在网上银行查询打款交易

点击校验认证，输入验证码即可成功验证

1.3 创建小程序

点击首页“生成AppID”按钮：

填写小程序名称、头像、介绍，点击下一步

确认填写内容后提交审核

注意：小程序名称、头像和介绍一个月只能修改五次

AppID 生成成功：

生成AppID后进入小程序设置：

在“基本设置”里，可以设置小程序基本信息、服务类目、小程序标签、基础库最低版本等信息

在“开发设置”中生成 AppSecret（生成后注意保存好，如遗忘AppSecret需进行重置）。服务器域名配置与微信小程序一样，在request合法域名、socket合法域名、uploadFile合法域名、downloadFile合法域名里添加以下网址：（每组5个，一共25个）

xcx.zhichiweiye.com

xcx.zhichiweiye.cn

jisuapp.zhichiweiye.com

jisuapp.zhichiweiye.cn

xcx.yingyonghao8.com

（ generalWebpage合法域名暂时可以不填）

二、QQ小程序制作

1.进入【即速应用】-【管理】-【创建新小程序】

2.进入【编辑器】页面进行QQ小程序搭建

注意：以下功能由于官方兼容性问题暂时无法使用

①QQ小程序不支持地图组件，客服组件，视频组件，定位功能，插件，广告组件，公众号组件，分享朋友圈，跳转web页面

另外：Android机暂不支持扫描二维码、获取定位、扫码购

②近期上线的功能未同步到QQ小程序：预售、分享有礼、收藏有礼、供应链等（5月之后更新的功能，详情可以查看功能时间轴http://www.jisuapp.cn/index.php?r=pc/IndexNew/MessageNoticeShow）

③QQ小程序输入框定位有问题

④会出现闪退，加载缓慢可能是QQ小程序稳定性问题

⑤IOS上调用复制接口时，有一定几率会闪过一个很大的“内容已复制”

⑥开发者工具的预览功能、真机调试不稳定

3.到【管理后台】-【发布】-【打包QQ小程序】进行打包

填写：AppID、AppKey

AppID、AppKey这两项可到【QQ小程序平台】-【设置】-【开发设置】获取

三、QQ小程序支付配置
3.1 开通QQ小程序支付

主题类型为企业的小程序可以开通虚拟支付

开通支付后，开发者可在小程序内提供虚拟物品购买的服务

开通支付前需要先在“设置”-“服务类目”里进行选择类目

【支付接入】

如果已有QQ钱包商户号，可以直接进行绑定

点击“前往绑定”会进入QQ商户平台登录界面：

登录账号，即会弹出绑定成功的提示弹窗

返回QQ小程序后台点击“完成绑定”，即可查看交易流水、支付信息等内容

如果没有QQ商户平台账号，则需要先进行注册（此处略过注册过程）。注册完毕后需配置公众号支付才可以在小程序中进行支付。

操作路径：账户管理 -> 开发配置 -> 添加支付授权域名

支付授权域名需配置两个域名：

https://www.weiye.me/

https://www.yingyonghao8.com/

提交后，等待官方审核通过。如果申请被驳回并提示提交授权函，则需要下载教程末尾的授权函模板，按照格式填写好授权函内容并盖章后，联系客服人员协助申请授权函。在获取授权函后，重新提交官方审核。

3.2 在管理后台配置应用支付信息

1.进入【管理后台】-【系统设置】-【支付设置】-【QQ小程序支付】进行QQ小程序的支付配置

在QQ小程序的打包页面也可以进行设置

2.在QQ钱包商户平台完成相关设置后，可以获取对应内容

①获取QQ支付商户号

②获取QQ支付Key

③获取QQ证书及应用私钥

ap_cert 为支付证书  

ap_key 为应用私钥

四、QQ小程序开发者工具
1.QQ小程序开发者工具下载

打开页面https://q.qq.com/wiki/，滚动页面至“4.编码开发小程序”：

下载对应版本的开发者工具即可

2.QQ小程序开发者工具使用

①到【管理后台】-【发布】-【打包QQ小程序】下载代码包，并解压

②打开QQ小程序开发者工具“新建项目”- 在“添加项目”中选择刚解压后的文件夹，填写小程序AppID（QQ小程序后台可获取），项目名称后点击“确定”

③在QQ小程序开发者工具，关闭新的QML编译内核

④真机调试后，点击上传填写对应版本和备注信息即可