沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】

男娘i 2023-09-30 08:23 3阅读 0赞

### 真实体验 AppCube + WeLink 发布一款应用。 ###

历史博客中橡皮擦已经完成过几篇 AppCube相关的博客了，具体清单如下所示，如果你希望了解一下关于 APPCube 的相关内容，可以进行参考。

1.  [如何用 AppCube，实现那个曾经因为火，而被“封杀”的项目 Working Time丨【玩转应用魔方】][AppCube_ Working Time]
2.  [这么清晰的帮助手册！AppCube 二次体验丨【玩转应用魔方】][AppCube]
3.  [不写一行代码就能开发？是真的，试试应用魔方吧丨【玩转应用魔方】][Link 1]
4.  [第一次接触低代码平台 AppCube，还是有点门槛的丨【玩转应用魔方】][AppCube 1]

### 准备工作 ###

在正式对接前，先确定你已经开通了 AppCube 相关服务  
开通地址[https://www.huaweicloud.com/product/appcube.html][https_www.huaweicloud.com_product_appcube.html]

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink]

确保自己开通了 WeLink 账号

[https://register.welink.huaweicloud.com/welinkRegister.html/\#/][https_register.welink.huaweicloud.com_welinkRegister.html]

按照步骤选择管理员，然后填入企业信息即可

注册完毕登录账号，WeLink 贴心的为我们准备了一系列免费资源，说实话，看到免费赠送的内容还是非常开心。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 1]

接下来在下述地址配置一下身份认证

[https://appcube.cn-north-4.huaweicloud.com/studio/index.html\#/admin/iam/home][https_appcube.cn-north-4.huaweicloud.com_studio_index.html_admin_iam_home]

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 2]

这个地方的绑定操作必须用手机端扫码实现，需要提前做一下准备工作。

按照流程绑定完毕之后，会得到如下界面，其中比较重要的就是“Portal User Profile”权限的配置

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 3]

接下来可以添加Welink用户成为 AppCube 的用户，不过测试过程中因为橡皮擦账号仅有自己，所以默认已经添加

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 4]

这里最重要的配置开发者权限，即 **Developer Profile**

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 5]

### 用Welink账号登录 AppCube ###

上述配置内容全部完毕之后，就可以使用 Welink账号进行访问 AppCube 了，注意下述内容。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 6]

登录之后就来到了曾经熟悉的界面，AppCube2.0已经上线。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 7]

为了进行手册测试，选择的演示项目一定要选择带有移动端的项目，这里我们选择【职场性格测试】项目模板

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 8]

进入配置注意左下角相关信息，可以一键发布到 WeLink 中

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 9]

### 配置移动端 ###

在打开的配置页面中将所有页面的展示效果调整为手机，设置如下图所示

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 10]

接下来进行移动端其它内容配置，参考下图进入配置页面

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 11]

### 配置允许WeLink用户使用该业务应用权限 ###

接下来回到华为云权限配置页面，点击左上角的首页即可跳转

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 12]

参考下述页面寻找权限配置，然后找到 `Portal User Profile` ，点击进入设置权限详情。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 13]

参考下图配置你的应用可见性

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 14]

接下来需要自定义一下对象权限，注意对象名称，要与你的APP一致。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 15]

### 编译与发布 ###

选择左下角的扳手图标，然后选择设置，在接下来选择 【资产包】配置。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 16]

配置完毕在选择编译

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 17]

进行短暂的等待即可完成任务

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 18]

然后继续选择左下角的发布操作

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 19]

扫码登录之后会让你选择应用，默认去创建一个即可

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 20]

稍等1秒钟，即可发布成功

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 21]

除此之外还可以创建版本，点击应用名称，即可进行版本管理，同时可以预览相关效果。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 22]

这里有个小彩蛋，在测试过程中发现大量可回调的接口，后续进行测试可以使用

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 23]

联系企业管理员，把审核地址发给审核员，等待通过审核即可

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 24]

### 在WeLink移动端访问应用 ###

上述步骤全部完成之后，就可以在WeLink的终端中进行轻应用的访问与使用了

直接在搜索框进行搜索即可使用

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 25]

### 总结 ###

完整的步骤使用下来发现AppCube 与 WeLink 开放平台搭配非常契合，如果企业使用的是 WeLink，那么我们能快速的基于内置的接口完成很多的轻应用开发，一些数据采集类接口甚至不需要编写一行代码就可以直接使用。

![沉浸式体验 AppCube + WeLink 发布一款应用【AppCube X WeLink双剑合璧】][AppCube _ WeLink _AppCube X WeLink 26]

赞的不行！

【AppCube X WeLink双剑合璧】有奖征文火热进行中：https://bbs.huaweicloud.com/blogs/334492

[AppCube_ Working Time]: https://bbs.huaweicloud.com/blogs/312581
[AppCube]: https://bbs.huaweicloud.com/blogs/308521
[Link 1]: https://bbs.huaweicloud.com/blogs/308463
[AppCube 1]: https://bbs.huaweicloud.com/blogs/308456
[https_www.huaweicloud.com_product_appcube.html]: https://www.huaweicloud.com/product/appcube.html
[AppCube _ WeLink _AppCube X WeLink]: https://img-blog.csdnimg.cn/img_convert/f15b9de1edb74c9b8fd3938003ea1e36.png
[https_register.welink.huaweicloud.com_welinkRegister.html]: https://register.welink.huaweicloud.com/welinkRegister.html/#/
[AppCube _ WeLink _AppCube X WeLink 1]: https://img-blog.csdnimg.cn/img_convert/84859b66453af2fc822402afceb485f5.png
[https_appcube.cn-north-4.huaweicloud.com_studio_index.html_admin_iam_home]: https://appcube.cn-north-4.huaweicloud.com/studio/index.html#/admin/iam/home
[AppCube _ WeLink _AppCube X WeLink 2]: https://img-blog.csdnimg.cn/img_convert/c14aecbff6825749f08339c5a829720e.png
[AppCube _ WeLink _AppCube X WeLink 3]: https://img-blog.csdnimg.cn/img_convert/a4b2b9f9d160080e5140b269da051c32.png
[AppCube _ WeLink _AppCube X WeLink 4]: https://img-blog.csdnimg.cn/img_convert/be895aa07d28c7dc113eecb2ded1877e.png
[AppCube _ WeLink _AppCube X WeLink 5]: https://img-blog.csdnimg.cn/img_convert/066b1815e3886acbba66ec9c495d314b.png
[AppCube _ WeLink _AppCube X WeLink 6]: https://img-blog.csdnimg.cn/img_convert/da03a300b1d315cc518fc1a1333c9048.png
[AppCube _ WeLink _AppCube X WeLink 7]: https://img-blog.csdnimg.cn/img_convert/2c383cadbdd55c31cab541404c2564a2.png
[AppCube _ WeLink _AppCube X WeLink 8]: https://img-blog.csdnimg.cn/img_convert/ffdbe1da97c8cf0c36435ed898b8cf8d.png
[AppCube _ WeLink _AppCube X WeLink 9]: https://img-blog.csdnimg.cn/img_convert/08db0beb0dd12202b8d66b9c4e3f30c4.png
[AppCube _ WeLink _AppCube X WeLink 10]: https://img-blog.csdnimg.cn/img_convert/507a3fafaa2de3687d9bd769d265fed5.png
[AppCube _ WeLink _AppCube X WeLink 11]: https://img-blog.csdnimg.cn/img_convert/2adf4b162ce420c09ddb27d14279aaac.png
[AppCube _ WeLink _AppCube X WeLink 12]: https://img-blog.csdnimg.cn/img_convert/7236bc0085aa4c22ae9aebcda61057e8.png
[AppCube _ WeLink _AppCube X WeLink 13]: https://img-blog.csdnimg.cn/img_convert/7e4df691dbad405bcf6931521b154d65.png
[AppCube _ WeLink _AppCube X WeLink 14]: https://img-blog.csdnimg.cn/img_convert/b8839aa0ea5c599b0beb452029396a98.png
[AppCube _ WeLink _AppCube X WeLink 15]: https://img-blog.csdnimg.cn/img_convert/866fff710b84deadbaaacd0677d250fa.png
[AppCube _ WeLink _AppCube X WeLink 16]: https://img-blog.csdnimg.cn/img_convert/143085c45d03cd48538024d93912e00c.png
[AppCube _ WeLink _AppCube X WeLink 17]: https://img-blog.csdnimg.cn/img_convert/5398f5d787a6720febdd06a205f82fc9.png
[AppCube _ WeLink _AppCube X WeLink 18]: https://img-blog.csdnimg.cn/img_convert/7ee2a4a4c1613f57ebbdc8796441dc65.png
[AppCube _ WeLink _AppCube X WeLink 19]: https://img-blog.csdnimg.cn/img_convert/032c62cc633ceebfac5f4d28ded795e6.png
[AppCube _ WeLink _AppCube X WeLink 20]: https://img-blog.csdnimg.cn/img_convert/1b7fbcbfcc591f3760af1bd6ce12cf13.png
[AppCube _ WeLink _AppCube X WeLink 21]: https://img-blog.csdnimg.cn/img_convert/509299482850b50ede8d6e89e8d96674.png
[AppCube _ WeLink _AppCube X WeLink 22]: https://img-blog.csdnimg.cn/img_convert/f2a1fe2f6f0f635645c487b5a1b689e0.png
[AppCube _ WeLink _AppCube X WeLink 23]: https://img-blog.csdnimg.cn/img_convert/42fa40ba333f9a38358dfc28d950c874.png
[AppCube _ WeLink _AppCube X WeLink 24]: https://img-blog.csdnimg.cn/img_convert/dbd461da1e1428fa21557f9a3a4d9061.png
[AppCube _ WeLink _AppCube X WeLink 25]: https://img-blog.csdnimg.cn/img_convert/b2c1d524b7ced5f584e2e69eca38e112.png
[AppCube _ WeLink _AppCube X WeLink 26]: https://img-blog.csdnimg.cn/img_convert/0f6ad238a0c0c8adc9d894479ebb4f24.png