基于 AppCube 应用魔方:零代码手把手教你 5 分钟开发微信小程序【秋招特训】

举报
白鹿第一帅 发表于 2022/09/10 23:59:54 2022/09/10
【摘要】 应用魔方 AppCube 是华为云为行业客户、合作伙伴、开发者量身打造的低代码应用开发平台,提供全场景可视化开发能力和端到端部署能力,可快速搭建行业和大型企业级应用并沉淀复用行业资产,加速行业数字化。通过本文将学会如何基于 AppCube 零代码的应用模板,DIY 开发,完成问卷、投票、信息收集等工作,还能够在线筛选、分析数据。实现一站式快速开发个性化应用,体验轻松拖拽开发的乐趣。

文章目录

  • 前言
  • 一、AppCube 应用魔方
    • 1.1、什么是 AppCube 应用魔方?
    • 1.2、为什么选择AppCube 应用魔方?
  • 二、项目实验环境与资源准备
    • 2.1、实验需求及环境介绍
    • 2.2、初次订购 AppCube
    • 2.3、曾订购过 AppCube
  • 三、进入 AppCube 全新零代码界面
  • 四、配置业务用户信息
    • 4.1、选择“业务配置中心”
    • 4.2、配置业务用户
    • 4.3、设置业务用户相关信息
  • 五、开始创建应用
    • 5.1、安装模板
    • 5.2、进入应用编辑页面
    • 5.3、将日期组件拖入画布
    • 5.4、对内部用户分享问卷
  • 六、移动端扫码反馈信息
  • 七、查看数据结果
  • 总结

前言

应用魔方 AppCube 是华为云为行业客户、合作伙伴、开发者量身打造的低代码应用开发平台,提供全场景可视化开发能力和端到端部署能力,可快速搭建行业和大型企业级应用并沉淀复用行业资产,加速行业数字化。通过本文将学会如何基于 AppCube 零代码的应用模板,DIY 开发,完成问卷、投票、信息收集等工作,还能够在线筛选、分析数据。实现一站式快速开发个性化应用,体验轻松拖拽开发的乐趣。

1.jpg


一、AppCube 应用魔方

1.1、什么是 AppCube 应用魔方?

应用魔方 AppCube 是零代码和低代码应用开发平台,源于华为应用开发和数字化转型的实践,提供了云上无码化、低码化、支持多码化的应用开发模式,屏蔽了技术的复杂性,提升了企业开发的效率。同时提供应用资产的开发标准和微服务框架,助力企业不断沉淀可复制的套件,加速应用的定制,并通过开放的生态,实现套件资产的商业变现。应用魔方顾名思义就如同魔方一样,可以通过任意组合,排列各种模块化元素,创建功能各异的应用

通过应用魔方 AppCube 提供的界面、逻辑、对象等可视化编排工具,以“拖、拉、拽”的方式来快速构建应用,从而实现所见即所得的快速应用开发和构建,具体如下图所示:

2.jpg

1.2、为什么选择AppCube 应用魔方?

  • :无需代码、简单易学。
  • :丰富模板、构建快速。
  • :多样系统、高效连通。
  • :需求多样、随时变更。

二、项目实验环境与资源准备

2.1、实验需求及环境介绍

本次实验环境我们基于华为云提供的 AppCube 应用魔方实现生成收集问卷的微信小程序,所以需要注册华为云账号,并完成实名认证

  • 如果你还没有通过实名认证的账号,可前往华为云账号中心,完成实名认证。
  • 如果你已拥有华为账号且已通过实名认证,可直接点击体验

2.2、初次订购 AppCube

对于初次订购 AppCube 的同学,在这里我推荐大家订购 AppCube 免费版,点击页面右上角“免费试用”,根据页面提示“免费开通”完成购买即可(该白嫖就白嫖),具体如下图所示:

3.png

2.3、曾订购过 AppCube

曾订购过 AppCube,我们需点击“详情”,重新配置子域名,具体如下图所示:

4.png


5.png

三、进入 AppCube 全新零代码界面

登录华为云 AppCube点击进入“首页”,具体如下图所示:

6.png


点击进入“工作台”,进入零代码操作界面,具体如下图所示:

7.png

四、配置业务用户信息

业务用户可模拟企业内部员工使用零代码收集员工相关信息的应用场景。当应用创建好后,获取分享链接和二维码,业务用户可登录账号密码或手机号绑定一键登录,完成信息填写(免费版提供额外 9 名业务用户名额)。

4.1、选择“业务配置中心”

进入配置页面,点击页面左上角,选择“业务配置中心”,这里我们需要注意,一定要选择“工作台”页签之后,再点“业务配置中心”,具体如下图所示:

8.png

4.2、配置业务用户

点击“创建用户”,开始配置业务用户,可增加 1-9 人(由于我们演示的为免费版,可虚拟设置用户名邮箱、手机号),具体如下图所示:

9.png

4.3、设置业务用户相关信息

设置业务用户相关信息,并赋予“开发者“权限。由于为免费版,我们可虚拟设置用户名邮箱、手机号,但是我建议大家使用真实信息,这样在后续可体验微信扫码一键登录的效果,也可以通过已创建的账号密码,登录填写,具体如下图所示:

10.png


为了保护个人隐私,我就对关键信息打码了啊,大家根据自身情况填写就好!

11.png


填写完成之后的用户详情具体如下图所示:

12.png

五、开始创建应用

业务用户信息配置完成之后,我们回到 AppCube 开发界面,点击“零代码”→“使用模板新建”,具体如下图所示:

13.png

5.1、安装模板

根据本次项目需求,我们在模板中心搜索,“培训报名”模板,具体如下图所示:

14.png


点击“安装”并打开应用,具体如下图所示:

15.png

5.2、进入应用编辑页面

点击“编辑”按钮进入应用编辑页面,具体如下图所示:

16.png

5.3、将日期组件拖入画布

根据本次项目需求,我们在左侧数据组件栏中选中日期组件,拖入画布中,设置“默认值”为“当前日期”,保存,然后点击左上角返回,具体如下图所示:

17.png

5.4、对内部用户分享问卷

发放问卷,点击“分享问卷”,具体如下图所示:

18.png


在弹出页上方点击分享按钮,具体如下图所示:

19.png


接着我们选择”对内部用户分享”,选择图示位置,获取分享二维码,具体如下图所示:

20.png

六、移动端扫码反馈信息

填写有效数据,用微信扫码,选择用账户密码登录(可使用已配置的业务用户账号登录),具体如下图所示:

21.jpg

  • 若使用手机号快速验证需在配置业务用户时,输入用户的手机号,用户扫码后,可自动识别本机手机号,自动登录。
  • 若使用账号密码验证登录需在配置业务用户时,记录设定的用户名和密码,用户扫码后,手动填写用户名和密码,完成登录。

七、查看数据结果

进入“工作台”页签,在全部应用中,点击我创建的应用“培训报名”,就可以查看不同用户反馈的数据信息,在页面中,我们也可以根据要求筛选相应数据,具体如下图所示:

22.png


我填写了两次问卷进行演示,收集到的问卷结果信息具体如下图所示:

23.png


至此,我们的第一个微信小程序就完成啦,小伙伴们快去试一下!


总结

随着数字化转型不断深入,企业应用开发的需求大增,不仅让软件开发人才炙手可热,更是让零代码、低代码开发成为了近年的潮流。为了降低企业应用开发门槛,华为云提供专业的低代码/零代码开发平台AppCube,同时华为云AI、IoT等相关服务也为开发者提供了不同程度的低代码开发工具。开发者可以便捷地在华为云上免费体验各种零代码开发实践,加深初学者对业务流程的理解,为后续的深入学习建立基础。

掘金2.jpg


我是白鹿,一个不懈奋斗的程序猿。望本文能对你有所裨益,欢迎大家的一键三连!若有其他问题、建议或者补充可以留言在文章下方,感谢大家的支持!

【秋招特训】有奖征文火热进行中:https://bbs.huaweicloud.com/blogs/368074
此外,在(https://bbs.huaweicloud.com/activity/suggestion.html)提出您的宝贵建议,标题以【云驻计划-定向征文】开头,还有机会赢取额外奖励。

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200