目录
使用君土母语编程,我们在手机上就能够注册、开发和发布微信小程序。一台安卓手机、平板或者鸿蒙手机、平板,加上君土手机应用,使用中文,我们就能在手机上随时随地开发小程序。
本文档介绍在手机上注册、开发和发布微信小程序的全过程。
要准备的东西
要用君土母语编程在手机或平板上开发小程序,我们需要一台手机或者平板。目前君土支持安卓和鸿蒙系统的手机和平板。君土支持在电脑上开发小程序。
我们需要在手机或者平板上安装微信,并且登录微信。
由于我们登录微信公众平台时需要直接用摄像头扫二维码,如果我们微信应用和开发用的手机或平板在同一设备上,我们还需要另外一个带数码相机来功能的设备拍摄二维码图片,然后用微信扫描该二维码图片。这个带数码相机来功能的设备可以是一个手机、平板或者相机等。我们也可以在需要登录微信公众平台时,借用认识人的手机拍二维码图片,然后扫描登录。
我们在登录微信公众平台时,我们不能使用微信扫一扫打开相册里的截屏二维码图片,需要“直接使用微信的扫一扫摄像头进行扫码”。
准备注册个人微信小程序
要注册微信小程序,您需要一个微信账号。这个账号需要实名认证,并且这个认证是18岁以上有国内身份信息的微信实名用户。
君土手机应用的开发服务中提供了注册微信小程序需要的链接。
微信实名认证
注册个人微信小程序,需要18岁以上有国内身份信息的微信实名用户。在微信的支付管理中可以查看实名认证状态。
以下我们介绍如何查询实名验证状态进行实名认证。
1. 进入微信我页面
2. 进入服务页面
3. 点击右上角三个点进入支付管理
支付管理里显示实名认证状态
没有完成实名认证的需要提供自己的银行卡、身份证信息来进行认证
根据提示,一般要求我们输入本人银行卡号,证件号、个人真实姓名、绑定银行卡的手机号等内容。
安装君土手机应用
可以在华为和荣耀的手机应用市场下载君土应用,或者应用宝下载君土应用。也可以到君土官网(jtu.net.cn)下载君土手机应用。
用浏览器安装君土手机应用
. 打开浏览器,输入君土网站网址 http://jtu.net.cn
. 进入君土网站
. 找到下载,点击下载君土手机应用
如果有询问是否下载,选择下载
下载结束后,安装君土应用。如果有提示是否允许使用浏览器安装应用,选择允许。
等待应用安装结束。君土手机应用就安装好了。
从应用市场安装君土手机应用
打开应用市场应用。在搜索框里输入君土,然后点击搜索。
在搜索结果中,点击君土应用的安装按钮来安装君土。
等待安装完成。君土手机应用就安装好了。
安装君土手机应用的开发工具
为了能够在手机上开发小程序和网页应用,我们需要下载君土开发工具。当君土开发工具没有安装过的时候,在创作页会有”下载开发工具“的按钮,点击该按钮,进下载入更新页。我们也可以从君土手机应用的我页,点击”下载更新“进下载入更新页。
点击”检查更新开发工具“安装开发工具。
在提示是否下载开发工具对话框里,点击下载。开发工具下载会用到几十兆的流量,请根据情况是否下载。
等待下载和解压完成。
开发工具就下载完成。
注册一个微信小程序
注册一个微信小程序需要一个电子邮箱地址。我们介绍如何申请免费电子邮箱,然后注册微信小程序。
注册电子邮箱
小程序注册需要电子邮箱。每个邮箱仅能申请一个小程序。
我们可以到手机君土的”开发服务“里找到能够提供电子邮箱服务的网站。我们来使用网易提供的免费163邮箱。
申请网易163电子邮箱
在开发服务里,点击163网易邮箱。
在邮箱首页,选择进入网页版邮箱。
在登录页面,点击”取注册“。
进入注册页面。
在注册页面,输入自己想申请的邮箱地址。邮箱地址为6~18个字符,可使用字母、数字、下划线,需要以字母开头。
输入邮箱密码。邮箱密码为8-16个字符,需包含大、小写字母和数字。
数字 0 1 2 3 4 5 6 7 8 9
常用符号 ~ ! @ # $ % ^ & * ( ) _
大小写字母 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Op Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
输入邮箱地址,输入密码,勾上同意《服务条款》、《隐私政策》和《儿童隐私政策》后,点击下一步。
输入手机号来提供真实身份。点击下一步。
根据提示,点击发送短信按钮。
在短信应用里发送短信。
等待短信发送成功。点击返回,退出短信应用,回到注册邮箱页面。
点击”我已发送“。
在注册成功页面,点击”进入邮箱“。
这就是您的电子邮箱了。
注册微信小程序
在我们有了电子邮箱后,我们就可以注册微信小程序了。
从开发服务,进入微信公众平台
进入微信公众平台后点击”立即注册“
请选择注册的帐号类型为”小程序“。
进入小程序注册页面。
输入电子邮箱地址,输入密码,输入验证码,勾选同意服务协议和条款,点击注册按钮。
在邮箱激活页,点击登录邮箱。
在邮箱里,点击微信小程序激活邮件。
当我们收到微信小程序账号激活邮件时,我们需要确保这封邮件确实是来自于微信团队。我们通过发送人的邮箱地址来判断这封邮件是否真正来自微信团队。由于只从现在显示的内容中,我们无法得到发送人的邮箱地址,我们点击回复来检查这封邮件的发送者。我们点击回复按钮。
在回复的邮件里,我们看到这封邮件发送自weixinmphelper@tencent.com,http://tencent.com是腾讯公司的域名。我们在点击收件人中”微信团队“。
我们看到,该微信团队的邮箱地址为 weixinmphelper@tencent.com,http://tencent.com是腾讯公司的域名。
通过这两方面,我们可以确认这封邮件来自腾讯的微信团队。我们可以按照这封邮件提示,激活小程序账号。
返回到激活账号邮件。
点击激活账号链接。
选择离开此页。
小程序账号就被激活了。然后作用户信息登记。
选择主体类型为个人。
作为个人主体,我们需要输入身份证姓名,身份证号,管理员的手机号和短信验证码。
输入信息后,点击继续出现管理员身份验证二维码。用管理员微信扫该二维码。
在管理员微信上确认微信小程序注册身份。确认无误后,点击确定。
再点击确定。
我们回到微信公众平台,我们看到身份验证成功。我们点击继续。
再次确认主体信息。确认无误后点击确定。
信息提交成功后,点击前往小程序。
在小程序发布流程,我们可以补充小程序信息和类目。
完善小程序基本信息
对于一个刚注册的小程序,为了能够发布,我们需要补充小程序的基本信息和服务类目。
在小程序的微信公众平台上,我们会看到以下提示。要求我们补充小程序信息。
对于小程序头像,我们可以使用 图标生成 工具来生成。
生成小程序头像
小程序需要一个头像。我们可以用图标生成工具来生成。
在开发服务里点击“图标生成”,进入图标生成工具。
在图标生成工具里输入图标文字,点击设置。
我们可以设置图标的背景颜色,文字的颜色,还是有图标尺寸和字体尺寸。调整好后,点击“获取图标”把图标下载到本地。
把图标保存到公共空间,选择“公共空间”。
保存图标,点击对钩。
当显示下载完成。图标就保存到本地了。
补充小程序的基本信息
在我们保存小程序头像后,我们就可以来补充小程序信息了。
在小程序发布流程中的小程序信息栏,点击“前往填写”。
需要填写的信息有小程序名称,上传小程序头像。
小程序名称长度为4-30个字符,一个汉字为2个字符。在发布前,可修改2次名称。发布后,个人帐号可一年内修改2次名称。
选择我们保存的图标。
选择图标图片
输入小程序介绍
检查输入信息无误后点击提交。
等待提交完成。回到小程序发布流程页面。
补充小程序的服务类目
根据小程序情况添加服务类目。先查看微信小程序个人主体小程序开放的服务类目。找打符合情况的服务类目。
在小程序类目栏,选择前往设置。
在服务类目中添加服务类目
选择添加类目
添加类目需要管理员扫码验证身份
用管理员微信扫码二维码,确认无误后点击确认。
图像
回到小程序服务类目页面,选择服务类目。
服务类目选择好后,点击确定。
小程序的类目就设置好了。
开发小程序
君土手机应用提供了完善的开发环境。提供集成开发环境、吉特(git)版本版本管理等功能。我们在手机上,使用君土手机应用,用中文就能开发小程序和网页应用。
克隆小程序代码到手机
我们可以基于已有的项目开始我们的小程序开发。
在君土应用首页选择看一看别人的项目
进入项目列表页面。找到“展示我”应用,点击项目地址,进入项目概览页面。
概览页面有对于该项目的说明。
点击通过秘传(HTTPS)协议把代码克隆到本地。
到打开页面,点击打开调起君土应用,克隆项目代码。
克隆项目到默认的存储位置。点击选择。
启动集成开发环境,克隆项目代码。等待克隆完成。
项目代码克隆完成后,我们需要安装编译依赖。点击终端菜单,选择运行任务菜单。
选择 “包管理/npm: 安装“ 菜单。
等待依赖包安装完成。注意,安装依赖包需要几百兆的流量,请根据情况选择适合的时候安装依赖包。
等待安装依赖包完成。
在手机上以网页应用方式运行项目。选择终端菜单,选择运行任务菜单。
在运作任务弹出框里选择”包管理/npm: 开发h5页面应用“。以开发方式编译h5页面应用,启动开发服务。
等待编译成功。
点击“调试”菜单,选择“启动网页显示”菜单,进入网页显示。
显示项目网页。出现的欢迎页面说明我们开发环境已经安装配置好。接下来我们就可以修改和调试我们的应用。
开发和调试程序
使用君土手机应用,我们可以在手机上开发和调试程序。我们可以在手机上以H5网页应用的方式开发小程序。
我们启动H5页面应用开发服务。点击“终端”菜单,再点击弹出的“运行任务”菜单。
在弹出的窗口里,选择“npm: 开发h5页面应用”。该操作会启动开发服务,并且编译项目。
编译完成。
我们修改显示文本。打开“代码->数据”目录下“首页数据.序”文件。
修改标题。例如修改为“欢迎来到学习编程”。
保存修改。点击“文件”菜单,再点击弹出的“保存”菜单就可以保存当前修改。
发现有代码文件修改,开发服务会自动编译程序。
在编译完成后,我们启动网页显示来看修改结果。点击“调试”菜单,再点击弹出的“启动网页显示”菜单。
在网页显示里就是修改结果。
登录微信小程序后台
在做微信小程序开发的时候,我们会时常登录到微信小程序后台。我们使用浏览器进入“微信公众平台”,然后用微信扫描二维码进入微信小程序后台。“微信公众平台”的网址是 https://mp.weixin.qq.com/。
手机君土应用提供了进入“微信公众平台”的入口,使用手机君土应用内置的浏览器,也可以进入“微信公众平台”。
在手机君土应用首页点击“开发服务”。
进入开发服务页面。
找到“微信公众平台”链接,并点击进入。
看到提示使用微信扫一扫二维码。
如果我们的微信应用和打开“微信公众平台”页面的应用在同一个设备上,就需要借用另外一个手机或数码相机拍摄这个二维码,然后用微信扫描拍摄到的二维码图片。
在微信里,使用“扫一扫”,扫描二维码。
选择要登录的账号。
点击“我知道了”。
转到“微信公众平台”页面,就可以进入小程序后台。
发布微信小程序
在本机开发调试好,程序后,我们要把程序部署到服务器,作为开发版预览。我们可以针对开发版,在真机上测试。如果发现问题,可以再次修改,测试。在对开发版测试好后,我们还可以发布预览版,让一些人尝试使用。我们可以对预览版试用中发现的问题,修改程序等。当我们认为预览版测试好后,我们就可以申请发布。在通过“微信公众平台”的审核后,我们就可以发布小程序了。
这是小程发布流程。
下载小程序代码上传密钥
我们使用小程序持续集成(miniprogram-ci)来把预览和上传小程序。
小程序持续集成(miniprogram-ci)是微信开发者团队官方推出的一个 包管理(npm) 包,可以将小程序代码包编译并上传到微信服务器上,替代微信开发工具上的上传按钮。
为了能够上传小程序,我们需要“小程序代码上传密钥”。“小程序代码上传密钥”在微信公众平台的小程序页面生成和下载。
在“管理”栏选择“开发管理”
在“开发管理”栏选择“开发设置”。
找到“小程序代码上传”栏。
关闭代码上传网址(IP)白名单
网址(IP)白名单 开发者可选择打开 网址(IP)白名单,打开后只有白名单中的网址才能调用相关接口。
我们的手机没有固定的网址,我们关闭网址(IP)白名单 。
点击开关按钮来关闭网址(IP)白名单 。
需要管理人员身份验证。
用管理人员微信扫描该二维码验证。确认无误后点击确定。
用微信扫描验证
回到小程序管理,确认无误后点击确定。
生成或重置小程序代码上传密钥
我们生成或重置“小程序代码上传密钥”。点击“生成”或“重置”。
该操作需要该小程序的管理人员验证。
用改小程序管理人员的微信扫描验证。确认无误后点击确定。
用微信扫描确认操作
回到小程序管理。点击“下载密钥”把密钥保存到本机。
选择“君土应用内”,把该密钥保存到项目代码目录。
选择项目代码的目录。
点击对钩保存文件。我们就把“小程序代码上传密钥”保存到本机了。
从创作里,点击打开该项目
我们就能发现“小程序代码上传密钥”文件。
设置小程序号
发布小程序需要在微信小程序配置文件和微信小程序发布文件里设置小程序号(小程序ID)。
我们从小程序后台找到设置,基本设置
账号信息里就有小程序号(小程序ID)
选中以wx开头的字符串,长按后出现环境菜单,选择复制把小程序号复制到剪贴板。后面我们将把剪贴板里的小程序号粘贴到需要的地方。
设置微信小程序配置里的小程序号
在项目的根目录下找到“微信小程序.配置.序”文件,点击打开它。
在“微信小程序.配置.序”文件中,找到 应用号:”wx*******”,把应用号的值改为小程序号。删除已有的值,长按弹出环境菜单,选择“粘贴”。
这样就替换成新的小程序号了。
从“文件”菜单里选择“保存”来保存修改。
在”资源管理器“的文件浏览里长按“微信小程序.配置.序”文件,选择“编译成脚本(js)”菜单,将“微信小程序.配置.序”文件编译成“微信小程序.配置.js”文件。
在”资源管理器“的文件浏览里长按“微信小程序.配置.js”文件,选择“生成输出文件”菜单,从“微信小程序.配置.js”文件生成微信小程序配置文件“project.config.json”。
微信小程序配置文件“project.config.json”中的小程序号(appid)已修改成新的值。
修改微信小程序发布里的小程序号值
打开“微信小程序发布.序”文件
替换里面“应用号”的值。
删除原来的值。长按,从环境菜单里选择“粘贴”,输入小程序号。
修改私钥路径设置
删除现有的私钥路径值。
在项目根目录下,找到私钥(private.wx*****.key)文件。
长按,从环境菜单里选择“复制相对路径”,得到私钥的路径值。
在“微信小程序发布.序”文件里,长按,选择环境菜单里的“粘贴”,设置私钥路径值。
保存对“微信小程序发布.序”文件的修改。
在资源管理器的文件浏览里长按“微信小程序发布.序”文件
从环境菜单里选择“编译成脚本(js)”,将“微信小程序发布.序”文件编译成“微信小程序发布.js”文件
等待编译任务完成。我们对项目设置了我的小程序号。
开发版预览
为了能够了解开发中的小程序在真机上的运行情况,我们可以通过上传小程序预览版到服务器,通过用微信扫描该二维码,看它在微信中的运行情况。
我们首先编译微信小程序。点击“终端”菜单,选择“运行任务”菜单。
选择运行“npm: 构建微信小程序”任务。
运行构建微信小程序任务。
等待构建微信小程序任务完成
运行预览微信小程序任务
点击“终端”菜单,选择“运行任务”菜单。
选择运行“npm: 预览微信小程序”任务
运行“npm: 预览微信小程序”任务中
等待“npm: 预览微信小程序”任务完成
在项目的根目录下生成微信预览.jpg二维码文件。
用微信扫描该二维码,就可以看到预览版在真机上的运行情况。该二维码两小时内有效。
上传小程序代码
在发布小程序之前,我们需要上传小程序代码。对于用君土母语编程开发的小程序,我们上传的是编译生成的微信小程序代码。
在上传代码前,需要构建微信小程序。启动运行任务选择
选择运行“npm: 构建微信小程序”任务。等待任务运行完成。
运行上传小程序代码任务
启动运行任务选择
选择运行“npm: 上传微信小程序”任务
正在运行“npm: 上传微信小程序”任务
“npm: 上传微信小程序”任务运行完成
进入小程序后台,在“版本管理”里查看上传的小程序代码的开发版。
找到上传的小程序开发版代码
设置为体验版
我们可以设置开发版为体验版。体验版会有一个二维码,把这个二维码发给体验者。体验者扫描这个二维码就可以申请使用该体验版。该小程序的管理人员会得到申请通知。在管理人员同意后,让体验者再次扫二维码,就可以使用该小程序的体验版。
在下拉菜单里选择”选为体验版“。
设置页面路径。可选项,可以不设置。检查无误后点击提交。
生成体验版二维码。可以点击”下载二维码”保存到本地。
提交审核
在我们完成对开发版本的测试后,就可以提交上线版本审核。点击”提交审核“按钮。
了解提交审核的相关须知,已阅读并了解平台审核规则,在确认无误后,点击”下一步“。
对”代码审核进行安全测试提醒“确认无误后,点击”继续提交“。
进入”提交审核“页面。
生成用户隐私协议
在提交审核的资料中,我们需要提供用户隐私协议。
我们通过”用户隐私保护指引设置“生成”用户隐私协议“。点击”更新当前版本的用户隐私协议”。
进入“小程序隐私保护指引”。
填写“开发者处理的信息“。例如:
为了通过语音与其他用户交流互动,开发者将在获取你的明示同意后,访问你的麦克风。
为了上传图片或者视频,开发者将在获取你的明示同意后,访问你的摄像头。
添加”开发者联系“方式。我们可以提供电子邮箱地址作为联系方式。
提供超出协议使用信息时的告知方式。
在确认无误后,勾选确认框,点击”确定并生成协议“按钮。
生成的用户隐私协议
填写审核信息
填写提交审核需要的信息
确认无误后,点击”提交审核“按钮。
已提交审核。
在版本管理中,会出现审核版本。等待审核结果。
发布小程序
提交审核的结果会通过”微信公众平台“发送消息到微信。
以下是审核通过消息例子。
我们进入小程序后台
进入版本管理
审核版本已经“审核通过待发布”。
可以查看审核信息
点击“提交发布”按钮,即可发布小程序。
选择发布模式。确认无误后,点击“提交”按钮。
小程序提供了两种发布模式:全量发布和分阶段发布。
全量发布是指当点击发布之后,所有用户访问小程序时都会使用当前最新的发布版本。
分阶段发布是指分不同时间段来控制部分用户使用最新的发布版本,分阶段发布我们也称为灰度发布。
一般来说,普通小程序发布时采用全量发布即可,当小程序承载的功能越来越多,使用的用户数越来越多时,采用分阶段发布是一个非常好的控制风险的办法。
弹出小程序管理人员扫码验证二维码。用微信扫描二维码验证。
用本机微信扫描二维码
当微信与君土安装在同一台手机时,我们可以通过保存二维码截图,然后微信扫码时从相册扫描图片的方式来扫描二维码。
截屏并保存二维码图片。
微信扫码时,选择扫描手机相册里的二维码
选择二维码图片
确认无误后点击“发布”。
点击确定
进入小程序后台,在版本管理里,我们就可以看到刚发布的线上版本。
告诉别人自己的小程序
我们可以通过几种方式告诉别人自己开发的小程序。
- 告诉别人小程序的名称。别人可以通过搜索小程序的名称来使用小程序
- 分享小程序的二维码,别人通过扫码二维码来使用小程序。
通过二维码告诉被人自己的小程序。
在小程序后台,选择“设置”。
进入“设置”的“基本设置”。
找到小程序二维码
放大小程序二维码。
截屏保存小程序二维码
编辑图片,截取小程序二维码部分
保存图片。就可以分享该图片。别人用微信扫描该小程序二维码就可以使用该小程序。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。