大家好,我是讯享网,大家多多关注。
目录
通过骏途母语编程,可以在手机上注册、开发、发布微信小程序。一部安卓手机,平板电脑或者鸿蒙系统手机,平板电脑,加上骏途手机应用,使用中文,我们可以随时随地在手机上开发小程序。
本文档介绍了微信小程序在手机上注册、开发、发布的全过程。
要准备的东西
用俊图的母语编程,在手机或平板上开发小程序,我们需要一部手机或平板。目前,骏途支持安卓和鸿蒙系统手机和平板电脑。俊图支持在电脑上开发小程序。
我们需要在手机或平板上安装微信,并登录微信。
由于我们在登录微信公众平台时需要直接用相机扫描二维码,如果我们的微信应用和开发手机或平板在同一个设备上,我们就需要另一个带数码相机的设备来拍摄二维码图片,然后用微信扫描二维码图片。这种带有数码相机的设备可以是手机、平板电脑或相机。当我们需要登录微信公众平台时,也可以借别人的手机拍个二维码图片,然后扫描登录。
当我们登录微信公众平台时,无法使用微信扫描打开相册中的截图二维码图片,需要“直接使用微信的扫描摄像头扫码”。
准备注册个人微信小程序
注册微信小程序,需要一个微信账号。该账号需要实名认证,且该认证为18周岁以上具有国内身份信息的微信实名用户。
君途手机应用开发服务中提供了注册微信小程序所需的链接。
微信实名认证
注册个人微信小程序,需要有国内身份信息的18周岁以上实名微信用户。可以在微信的支付管理中查看实名认证的状态。
下面介绍如何检查实名认证的实名验证状态。
1.去微信我的页面。


2.进入服务页面。


3.点击右上角的三个点进入支付管理
,支付管理中会显示实名认证状态。


未完成实名认证的需要提供自己的银行卡和身份证信息进行认证
根据提示,一般要求我们输入本人的银行卡号、身份证号、个人实名、银行卡绑定的手机号等。
安装君土手机应用
可以从华为和荣耀的移动应用市场下载骏途应用,也可以从应用宝下载骏途应用。也可以从骏途官网(jtu.net.cn)下载骏途手机应用。


用浏览器安装骏途手机应用
。打开浏览器,输入军图网站地址http://jtu.net.cn。


。转到骏途网站


。找到下载,点击下载骏途手机app。


如果询问是否下载,请选择下载。


下载后,安装骏途应用。如果提示是否允许浏览器安装应用程序,请选择允许。


等待应用程序安装完成。君途手机应用安装完毕。


从应用市场安装骏途手机应用
打开应用市场应用。在搜索框中输入Juntu,然后单击搜索。


在搜索结果中,点击骏途应用的安装按钮,安装骏途。


等待安装完成。君途手机应用安装完毕。


安装骏途手机应用的开发工具
为了能够在手机上开发小程序和web应用,我们需要下载骏途开发工具。当君图开发工具还没有安装的时候,创建页面上会有一个“下载开发工具”的按钮。点击此按钮下载并更新页面。我们也可以从骏途移动应用的我的页面点击“下载更新”来下载更新页面。


单击“检查更新的开发工具”安装开发工具。


在提示是否下载开发工具对话框中,单击下载。开发工具的下载会用到几十兆的流量。请根据情况下载。


等待下载和解压缩完成。


开发工具已下载。


注册一个微信小程序。
注册微信小程序需要邮箱。我们介绍一下如何申请免费邮箱,然后注册微信小程序。
注册电子邮箱
小程序注册需要邮箱。每个邮箱只能申请一个小程序。
我们可以在手机君途的“开发服务”中找到可以提供电子邮件服务的网站。还是用网易提供的免费163邮箱吧。


申请网易163邮箱
在开发服务中,点击163网易邮箱。


在邮箱首页,选择进入网络邮箱。


在登录页面,点击“获取注册”。


转到注册页面。


在注册页面上,输入您想要申请的电子邮件地址。邮件地址是6 ~ 18个字符,字母、数字、下划线都可以,而且需要以字母开头。
输入电子邮件密码。密码为8-16个字符,包括大小写字母和数字。
数字0 1 2 3 4 5 6 7 8 9
常见符号~!@ # $%&* () _+
大小写字母AA BB CC DD EE FF GGH II JJ KK LL MM NN OO OP QQ RR SS TT UU VV WW XX YY ZZ
输入您的电子邮件地址,输入您的密码,同意服务条款、隐私政策和儿童隐私政策后,单击“下一步”。


输入您的手机号码以提供您的真实身份。单击下一步。


根据提示,点击发送短信按钮。


在短信应用程序中发送短信。


等待短信发送成功。单击“返回”退出SMS应用程序,并返回到注册的电子邮件页面。


点击“我已发送”。


在成功注册页面上,点击“输入邮箱”。


这是你的电子邮件地址。


注册微信小程序
我们有了邮箱之后,就可以注册微信小程序了。
从开发服务到入驻微信公众平台


进入微信公众平台后点击“立即注册”。


请选择注册账户类型为“小程序”。


进入小程序注册页面。


输入电子邮件地址、密码、验证码,检查同意的服务协议和条款,然后单击注册按钮。


在邮箱激活页面,单击登录邮箱。


在邮箱中,点击微信小程序激活邮件。


当我们收到微信小程序账号的激活邮件时,我们需要确定这封邮件确实来自微信团队。我们通过发件人的邮箱来判断这封邮件是否真的来自微信团队。由于我们无法仅从现在显示的内容中获得发件人的电子邮件地址,因此我们单击回复来检查此电子邮件的发件人。我们点击回复按钮。


在回复邮件中,我们看到这封邮件发自weixinmphelper@tencent.com,http://tencent.com是腾讯的域名。我们在收件人中点击“微信团队”。


我们看到微信团队的邮箱地址是weixinmphelper@tencent.com,http://tencent.com是腾讯的域名。
通过这两个方面,可以确认这封邮件来自腾讯的微信团队。我们可以按照这封电子邮件激活小程序帐户。
返回激活帐户电子邮件。


单击激活帐户链接。


选择离开此页面。


小程序帐户被激活。然后注册用户信息。


选择“个人”作为主要类型。


作为个人主体,需要输入身份证姓名、身份证号、管理员手机号、短信验证码。


输入信息后,点击继续出现管理员认证的二维码。用管理员微信扫描二维码。
在管理员微信上确认微信小程序的注册身份。确认后,点击确定。


再次单击确定。


我们回到微信公众平台,我们看到认证成功了。让我们点击继续。


再次确认主题信息。确认后点击确定。


信息提交成功后,点击进入小程序。


在小程序发布过程中,我们可以补充小程序信息和类别。


完善小程序基本信息
对于一个新注册的小程序,为了发布,我们需要补充小程序的基本信息和服务类别。
在小程序的微信公众平台上,我们会看到以下提示。我们要求补充小程序信息。


对于小程序头像,我们可以使用图标生成工具来生成。


生成小程序头像
小程序需要一个头像。我们可以使用图标生成工具来生成它。
点击开发服务中的“图标生成”进入图标生成工具。


在图标生成工具中输入图标文本,然后单击设置。


我们可以设置图标的背景颜色,文本的颜色,或者图标的大小和字体大小。调整后,点击“获取图标”将图标下载到本地。


将图标保存到public 空 room,选择“public 空 room”。


保存图标并单击复选标记。


下载完成后。图标保存在本地。


补充小程序的基本信息
在我们保存小程序头像后,我们可以补充小程序信息。
在小程序发布流程中点击小程序信息栏中的“前往填写”。


你需要填写的信息是小程序的名称,上传小程序的头像。
小程序名称的长度为4-30个字符,一个汉字为2个字符。发布前,可以修改两次名称。公布后,个人账户名称每年可修改两次。


选择我们保存的图标。


选择图标图片


输入小程序简介


检查输入信息是否正确,然后单击提交。


等待提交完成。返回到applet发布流程页面。


补充小程序的服务类目
根据小程序的情况添加服务类别。先查看微信小程序,个人学科小程序的开放服务类别。找到符合情况的服务类别。


在小程序类别列中,选择转到设置。


将服务类别添加到服务类别。


选择类别


添加类别需要管理员扫描代码进行身份验证。


用管理员微信扫描二维码,确认后点击确认。
图像


返回到applet服务类别页面并选择服务类别。


选择服务类别后,单击确定。


设置小程序的类别。


开发小程序
骏途手机应用提供了完美的开发环境。提供集成开发环境、git版本管理等功能。在我们的手机上,我们可以使用骏途手机应用,用中文开发小程序和web应用。
克隆小程序代码到手机
我们可以在现有项目的基础上开始我们的小程序开发。
选择在骏途应用首页看看别人的项目。


进入项目列表页面。找到“演示”应用程序,点击项目地址进入项目概述页面。


概览页面有项目的描述。


单击保密传输(HTTPS)协议,在本地克隆代码。


打开页面,点击Open调整Juntu应用,克隆项目代码。


将项目克隆到默认存储位置。单击选择。


启动集成开发环境并克隆项目代码。等待克隆完成。




在项目被克隆之后,我们需要安装编译依赖项。单击终端菜单并选择运行任务菜单。


选择“软件包管理/npm:安装”菜单。


等待相关包安装完成。注意,安装依赖包需要几百兆的流量。请根据情况选择合适的时间安装依赖包。


等待依赖包的安装完成。


在手机上将项目作为web应用程序运行。选择终端菜单,然后选择运行任务菜单。


在操作任务弹出框中选择“包管理/npm:开发h5页面应用”。在开发模式下编译h5页面应用程序,并启动开发服务。




等待编译成功。


点击“调试”菜单,选择“启动网页显示”菜单进入网页显示。


显示项目网页。的欢迎页面显示我们的开发环境已经安装并配置完毕。接下来,我们可以修改和调试我们的应用程序。


开发和调试程序
有了君途手机App,我们就可以在手机上开发调试程序了。我们可以在手机上开发H5网络应用程序形式的小程序。
我们开始H5页面应用程序开发服务。点击“终端”菜单,然后点击弹出的“运行任务”菜单。


在弹出的窗口中,选择“npm:开发h5页面应用”。此操作启动开发服务并编译项目。


完全编译。


我们修改显示的文本。打开代码–>“数据”目录下的“首页数据”。序列”文件。


修改标题。比如改成“欢迎学习编程”。


保存更改。点击“文件”菜单,然后点击弹出的“保存”菜单保存当前的修改。


如果代码文件被修改,开发服务将自动编译程序。


编译完成后,我们启动网页显示,查看修改结果。单击“调试”菜单,然后单击弹出的“启动Web显示”菜单。


在网页显示中,是修改的结果。


登录微信小程序后台。
在做微信小程序开发的时候,我们会时不时的登录微信小程序的后台。我们用浏览器进入“微信公众平台”,然后用微信扫描二维码,进入微信小程序后台。微信公众平台的网址是https://mp.weixin.qq.com/.
手机骏途应用提供了一个“微信公众平台”的入口。也可以使用手机骏途应用内置浏览器进入“微信公众平台”。
在手机骏途应用首页点击“开发服务”。


进入开发服务页面。


找到“微信公众平台”的链接,点击进入。


提示您使用微信扫描二维码。


如果我们的微信应用和打开“微信公众平台”页面的应用在同一个设备上,我们需要借用另一个手机或者数码相机拍摄这个二维码,然后用微信扫描拍摄到的二维码图片。


在微信中,使用“扫一扫”扫描二维码。


选择要登录的帐户。


点击“我知道”。


进入“微信公众平台”页面,即可进入小程序后台。


发布微信小程序。
在这台机器上开发并调试完程序后,我们会将程序部署到服务器上,作为开发版本的预览。我们可以在真机上测试开发版。如果发现问题,可以修改并再次测试。在测试完开发版之后,我们还可以发布预览版,供一些人尝试。我们可以针对预览版试用中发现的问题修改程序。当我们认为预览版测试良好时,我们可以申请发布。通过“微信公众平台”审核后,就可以发布小程序了。
这就是发布过程。


下载小程序代码上传密钥
我们使用miniprogram-ci来预览和上传小程序。
miniprogram-ci是微信开发者团队正式推出的一个包管理(npm)包,可以将小程序代码包编译上传到微信服务器,代替微信开发工具上的上传按钮。
为了能够上传小程序,我们需要“小程序代码上传密钥”。“小程序代码上传密钥”在微信公众平台小程序页面生成并下载。


在“管理”栏中选择“开发管理”


在“发展管理”栏中选择“发展设置”。


找到“小程序代码上传”一栏。


关闭代码上传URL (IP)白名单
URL (IP)白名单的开发者可以选择开启URL(IP)白名单,之后只有白名单中的URL才能调用相关接口。
我们的手机没有固定网址,所以关闭网址白名单(IP)。
单击切换按钮关闭URL (IP)白名单。


需要管理员验证。
用管理员微信扫描二维码进行验证。确认后点击确定。


用微信扫描验证
回到小程序管理,确认后点击确定。


或者生成并重置小程序代码上传密钥
我们生成或重置小程序代码上传密钥。点击“生成”或“重置”。


此操作需要由applet的管理员验证。
用小程序管理员的微信扫描验证。确认后点击确定。


用微信扫描确认操作
回到小程序管理。单击“下载密钥”将密钥保存到本机。


选择“Juntu应用程序”并将密钥保存到项目代码目录。


选择项目代码的目录。


单击复选标记保存文件。我们把“小程序代码上传密钥”保存到了这台机器上。


从“创建”中,单击打开项目。


我们可以找到“小程序代码上传密钥”文件。


设置小程序号
要发布小程序,需要在微信小程序配置文件和微信小程序发布文件中设置小程序编号(小程序ID)。
我们从小程序后台找到了设置。基本设置


账户信息里有一个小程序号(小程序ID)。


选择以wx开头的字符串,长按不放,会出现环境菜单。选择复制,将小程序编号复制到剪贴板。稍后,我们会将剪贴板中的小程序编号粘贴到需要的地方。


在微信小程序配置中设置小程序号
找到文件“微信小程序。配置。序列”,点击打开它。


在“微信小程序。configuration.sequence”文件中,找到应用程序编号:“wx * * * * * *”,并将应用程序编号的值更改为applet编号。删除现有值,按住弹出环境菜单,选择“粘贴”。


这将被替换为新的小程序编号。


从文件菜单中选择保存以保存更改。


在Explorer的文件浏览器中,长按文件微信小程序。配置。序,并选择菜单编译成脚本(js)编译文件微信小程序。配置。js。


在浏览器的文件浏览器中,按住文件微信applet.configuration.js,选择菜单生成输出文件,从文件微信applet.configuration.js生成配置文件project.config.json。


微信小程序配置文件“project.config.json”中的小程序编号(appid)已修改为新值。


修改微信小程序发布
中的小程序编号值,打开“微信小程序发布。序”文件。


替换里面“申请号”的值。


删除原始值。长按,从环境菜单中选择“粘贴”,输入小程序编号。


修改私钥路径设置
删除现有的私钥路径值。


在项目的根目录下,找到私钥(private.wx*****。密钥)文件。


长按,从环境菜单中选择“复制相对路径”,获取私钥的路径值。


在“微信小程序发布。序”文件,按住,在环境菜单中选择“粘贴”,设置私钥的路径值。


保存对“微信小程序发布”的修改。序”文件。


长按“微信小程序发布。资源管理器的文件浏览器中的“序言”文件。


从环境菜单中选择“编译成脚本(js)”来编译“微信小程序发布”。前言“文件进”微信小程序发布。js”文件。


等待编译任务完成。我们为项目设置了我的小程序号。


开发版预览
为了了解正在开发的小程序在真机上的运行情况,我们可以把小程序的预览版上传到服务器,用微信扫描二维码,就可以看到它在微信中的运行情况。
我们先编译微信小程序。点击“终端”菜单,选择“运行任务”菜单。


选择“npm:构建微信小程序”任务。


运行微信小程序任务。


等待构建微信小程序的任务完成。


预览微信小程序任务
点击“终端”菜单,选择“运行任务”菜单。


选择npm:预览微信小程序任务。


正在运行“npm:预览微信小程序”任务


等待“npm:预览微信小程序”任务完成。


在项目根目录下生成微信preview.jpg二维码文件。
用微信扫描二维码,就能看到真机运行的预览版。二维码两小时内有效。


上传小程序代码
在发布小程序之前,我们需要上传小程序代码。对于俊图母语开发的小程序,我们上传编译好的微信小程序代码。
在上传代码之前,需要搭建一个微信小程序。运行任务选择


选择“npm:构建微信小程序”任务。等待任务运行。


上传小程序代码任务
开始选择正在运行的任务。


选择npm:上传微信小程序任务。


正在运行“npm:上传微信小程序”任务
“npm:上传微信小程序”任务完成。
进入小程序后台,在版本管理中查看上传的小程序代码的开发版本。


上传的小程序开发代码。


设为体验版
我们可以将开发版设为体验版。体验版会有二维码。把这个二维码发给体验者。体验者可以通过扫描此二维码申请使用体验版。applet的管理员将被通知该应用程序。经理同意后,让体验员再扫一遍二维码,就可以使用体验版的小程序了。
从下拉菜单中选择“选择体验版”。


设置页面路径。可选,但未设置。检查无误后点击提交。


生成体验版二维码。可以点击“下载二维码”,保存到本地。
提交审核
在我们测试完开发版本后,我们可以提交在线版本进行审查。点击“提交以供审查”按钮。


了解提交审核的相关说明,已阅读并理解平台审核规则,确认后点击“下一步”。


确认“代码审计安全测试提醒”无误后点击“继续提交”。


进入“提交审核”页面。


生成用户隐私协议
我们需要在提交审核的材料中提供用户隐私协议。


我们通过设置用户隐私保护指南来生成用户隐私协议。单击“更新用户隐私协议的当前版本”。


进入“小程序隐私保护指南”。


填写“开发商处理的信息”。例如:
为了通过语音与其他用户进行交流和交互,开发者会在征得您的明确同意后接入您的麦克风。
为了上传图片或视频,开发者会在征得你的明确同意后接入你的摄像头。


添加“开发者联系”方法。我们可以提供电子邮件地址作为联系信息。


提供超出协议使用范围的信息时如何告知。


确认无误后,勾选确认框,点击“确定并生成协议”按钮。


生成的用户隐私协议


填写审计信息
填写提交审计所需的信息。


确认后,点击“提交审核”按钮。


已提交供审查。


在版本管理中,将出现已批准的版本。等待审计结果。


发布小程序
提交的结果会通过微信公众平台发送到微信。
下面是一个批准消息的示例。


我们进入小程序的后台。


进入版本管理。


该版本已被“批准出版”。


您可以查看审计信息。


单击“提交并发布”按钮发布小程序。


选择发布模式。确认后,点击“提交”按钮。
小程序提供两种发布模式:完全发布和分阶段发布。
完全发布是指点击发布后,所有用户在访问小程序时都将使用最新发布的版本。
分阶段发布是指控制部分用户在不同的时间段使用最新的发布版本。阶段性释放也叫灰度释放。
一般来说,普通的小程序只能全部发布。当小程序承载的功能越来越多,使用的用户越来越多,分阶段发布是非常好的控制风险的方式。


弹出小程序管理器扫码验证二维码。用微信扫描二维码验证。


用本地微信扫描二维码
当微信和骏途安装在同一个手机上时,我们可以通过保存二维码的截图,然后在微信扫码时从相册中扫描图片来扫描二维码。
截图保存二维码图片。


微信扫码时,选择扫描手机相册中的二维码。


选择二维码图片。


确认后点击“发布”。


单击确定。


进入小程序后台,在版本管理中,可以看到刚刚发布的上线版本。


告诉别人自己的小程序
我们可以用几种方式把自己的小程序告诉别人。
告诉别人小程序的名称。别人可以通过搜索小程序的名称来使用小程序分享小程序的二维码,别人通过扫码二维码来使用小程序。
通过二维码告诉对方自己的小程序。
在小程序的后台,选择“设置”。


转到“设置”的“基本设置”。


找到小程序二维码。


放尺寸程序二维码。


截屏保存小程序二维码。


编辑图片,截取小程序的二维码部分。


保存图片。可以分享一下图片。其他人可以用微信扫描小程序的二维码来使用小程序。


本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://51itzy.com/45906.html