前提条件

有华为云账号,并进行实名认证,开通AppCube云服务,

免费试用:申请免费试用_应用魔方 AppCube_快速入门_初学入门_注册租户_华为云 (huaweicloud.com)

员工扫码打卡场景

管理员分享二维码给员工,员工使用手机扫描二维码进入“打卡信息”页面,填写打卡手机号码及其他信息后,获取验证码,后台逻辑收到请求发送验证码到手机号上,员工输入验证码,提交打卡申请,后台逻辑再次验证打卡信息及验证码,验证成功,返回打卡成功信息给员工,员工提交打卡记录成功,跳转到“打卡成功”页面,完成打卡。

aee1a92f2e53afc19e3ee77b0b3dece2.jpeg

业务整体流程图

5190e06164fad8c65f103f4166f0a9f8.jpeg

创建空白轻应用

注意:AppCube目前只支持Chrome浏览器

1.总览页面,单击右上角“进入开发环境”。

3453c3758a6915d9c372eba7be9bc44b.jpeg

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

5a413e70ba5c37d60f741bbabe446a0c.jpeg

3.填写应用基本信息

37d5fa1cf2eadfd445d96cfab2029b5d.jpeg

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

34fd820562ca8d77d8f4d954f4eb0d40.jpeg

85969f8087abd66ed746518382b421c6.jpeg

也可以参考官方的文档。

990ef9f6fcc2ed82dcc7e12a10e8878a.jpeg

编译资产包

9e8f5185ff489bc59cefb41ce9d106f6.jpeg

查看依赖

c135feff785cba995c55153c37e81e00.jpeg

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

0d5001724577253c18a5075aeae692cc.jpeg

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

81806fae7920add782f3fd1f627f2c44.jpeg

发布微信小程序(这个需要提前注册一下微信小程序: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)及代码上传密钥。

f871ebc4439a46abb6287634ef6eac66.jpeg

190fe7f9ecbbec11a593887d240222e4.jpeg

是不是感觉很简单呢,大家都可以来体验一下哦,特别的哇撒!

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐