开发一个小程序 Demo| 学习笔记

本文涉及的产品
通用文字识别,通用文字识别 200次/月
小语种识别,小语种识别 200次/月
mPaaS订阅基础套餐,标准版 3个月
简介: 快速学习开发一个小程序 Demo。

开发者学堂课程【mPaaS 小程序开发实战 - 教你如何独立运行小程序 :开发一个小程序 Demo】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/741/detail/13124


开发一个小程序 Demo

 

mPaaS 小程序的使用方法以及技巧

为 APP 开发,测试,远营及运维提供云到端的一站式解决方案,有效降低技术门造,减少研发成木。协助企业快速搭建稳定高质量的移动应用。

image.png

首先要登录到 APP 的管理后台,需要下载一份配置文件才能登录到 mPaaS 小程序 ID 。现在已经登录到 mPaaS 管理后台,配置文件是绑定应用的, 每个应用实际上都是一份配置文件。

找一个应用进去,选择小程序发布。

image.png

里面有配置管理,配置文件里有 IDE 配置管理,下载配置文件导入 IDE 中可以进行登录。

image.png

登录 ID 用户名是登录 mPaaS 控制台的用户名。

密码是配置文件输入的动态密码。

配置文件下载完成,小程序一定要选择 mPaaS 类型的小程序。

mPaaS 小程序提供了三个模板,之后会补充更多,前两个是多端开发的模板,先点击程序示例模板进行演示。

image.png

创建过可以直接打开。

打开之后右上角有登录,登陆时新增一个登陆环境,上传配置文件。

配置文件上传完之后登录,密码是刚才输入的动态密码。

ID 提示需要有依赖要安装,插件中可以安装依赖。安装成功之后可以在 ID 里面看到小程序的本地预览。

左侧端有插件,mPaaS 工具箱和 mPaaS 相关的集成工具都在里面。

image.png

里面有白名单的设置,在真机调试以及预览的时候一定要有白名单的概念,白名单对应 APP 端用户的 user ID 才能拉到临时的包。

小程序设置里面有很多配置项目,如果每个配置不对,小程序无法正常显示出来。需要先选择小程序。

点击配置,有提示的原因可能之前的小程序主入口和底部导航栏否,但是小程序 ID 会检测代码中合理的配置,两个配置出现错误,选择自动修改。

加入两个平台都可以预览到选0.0.0.0版本,最高版本不填,主入口是后台小程序的主入口。

有两个点容易出现错误,主入口和是否显示底部导航栏。

最下面两个为底部导航栏。

主入口 app.json

App.json

app.json>[ ]pages

{

"pages":[

"page/tabBar/component/index"

"page/tabBar/API/index",

"page/common/search/search",

"page/API/tiny-to-native/tiny-to-native"

"subpackages":[

{

"root": "page/API",

"pages": [

"events/event5",

"share/share",

"action-sheet/action-sheet",

"alert/alert",

"animation/animation",

"canvas/canva5",

"card-pack/card-pack",

"choose-city/choose-city"

"favorite/favorite",

"choose-location/choose-location",

"confirm/confirm",

"contact/contact",

"date-picker/date-picker",

"option-menu/option-menu",

"download-file/download-file"

"file/file",

"ocr/ocr",

"ocr-idcard-face/ocr-idcard-face",

"ocr-business-card/ocr-business-card",

"ocr-vehicle/ocr-vehicle",

"ocr-driver-license/ocr-driver-license",

"ocr-business-license/ocr-business-license",

"ocr-bank-card/ocr-bank-card"

"ocr-train-ticket/ocr-train-ticket",

"ocr-passport/ocr-passport",

在真机上进行预览,只有和白名单所对应的用户才能预览。

真机预览

可以看到屏幕上的 APP ,Demo APP 相当于以后 mpast 、SDK 在 APP 里面很好的调整。

小程序在真机上已经拉包

image.png 

当发预览包之后可以观察一下,因为在 ID 上选的小程序示例的小程序,看一下小程序测试包,可以看到刚刚发的小程序的包已经可以看到,版本号。

image.png

也可以发一个真机览包。

观看一下上传功能,上传相当于上传正式的小程序包,若想正式发布需要在 mPaaS 控制台手动发布一次,现在的版本是1.0.58,要上传的版本是1.0.59。

有错误会在上传日志体现出来。

image.png

上传完成,再回到 mPaaS 控制台,小程序版本变成1.0.59,待发布状态,相当于从 ID 直接传到了 mPaaS 控制台上,这就是小程序的功能。

image.png

还有比较特殊的功能,清除缓存可能是构建过程中在系统有一些文件,直接清除就可以。

导出比如上传了1.0.59正式包版本,把正式包拉到本地分享给别人或者拷贝,上传至新的版本导出。

小程序已经导出,小程序的名称、ID、版本、发布时间和导出地址下载就可以。

相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
25天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展,阿里体育等公司推出的AI运动APP,如“乐动力”和“天天跳绳”,使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章分为四部分:初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。
|
25天前
|
人工智能 小程序 vr&ar
AI运动小程序开发常见问题集锦二
截至当前,我们的AI运动识别小程序插件已迭代至第23个版本,广泛应用于健身、体育、体测、AR互动等场景。本文针对近期用户咨询,汇总了常见问题,帮助用户减少开发成本,提高效率。主要涵盖计时与计数模式的区别、综合排行榜生成方法、全屏模式适配及无开发能力用户的解决方案。
|
25天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
2月前
|
存储 传感器 小程序
跳绳计数小程序开发系统
首先,我们需要明确跳绳计数小程序的核心功能:为用户提供跳绳计数的便捷方式。这意味着小程序需要能够准确地记录用户的跳绳次数,并为用户提供清晰、直观的计数展示。
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
248 3
|
2月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
52 0
微信小程序更新提醒uniapp
|
4月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
109 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
4月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
105 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
4月前
|
存储 小程序 JavaScript

热门文章

最新文章

下一篇
无影云桌面