使用AppCube开发一个微信小程序打卡应用丨【玩转应用魔方】
【摘要】 前提条件有华为云账号,并进行实名认证,开通AppCube云服务,免费试用:申请免费试用_应用魔方 AppCube_快速入门_初学入门_注册租户_华为云 (huaweicloud.com)员工扫码打卡场景管理员分享二维码给员工,员工使用手机扫描二维码进入“打卡信息”页面,填写打卡手机号码及其他信息后,获取验证码,后台逻辑收到请求发送验证码到手机号上,员工输入验证码,提交打卡申请,后台逻辑再次验...
前提条件
有华为云账号,并进行实名认证,开通AppCube云服务,
员工扫码打卡场景
管理员分享二维码给员工,员工使用手机扫描二维码进入“打卡信息”页面,填写打卡手机号码及其他信息后,获取验证码,后台逻辑收到请求发送验证码到手机号上,员工输入验证码,提交打卡申请,后台逻辑再次验证打卡信息及验证码,验证成功,返回打卡成功信息给员工,员工提交打卡记录成功,跳转到“打卡成功”页面,完成打卡。

业务整体流程图

创建空白轻应用
注意:AppCube目前只支持Chrome浏览器
1.总览页面,单击右上角“进入开发环境”。

2.在开发环境首页,单击“项目”,在项目页签下,单击“轻应用”。

3.填写应用基本信息

这里建议使用打卡模板体验一下即可,这个在控制台进行预览


也可以参考官方的文档。

编译资产包

查看依赖

配置页面的一些属性
(比如站点名,域名,一些站点属性及支持的视图类型等等)

页面的一些配置
(主要配置布局、菜单导航条、应用首页配置等)

发布微信小程序
(这个需要提前注册一下微信小程序:https://developers.weixin.qq.com/miniprogram/introduction/#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%B3%A8%E5%86%8C)可以设置简单的名称及logol,主要用于获取小程序AppID(小程序ID)及代码上传密钥。


是不是感觉很简单呢,大家都可以来体验一下哦,特别的哇撒!
【玩转应用魔方】有奖征文火热进行中:https://bbs.huaweicloud.com/blogs/306271
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)