共计 4991 个字符，预计需要花费 13 分钟才能阅读完成。
摘要：嘘，华为云外部都不晓得的机密玩法，我轻轻告诉您！
双 ” 魔 ” 合璧庆双节
↑开局一张图，故事全靠编
华为云的一站式开发平台 ModelArts 和利用魔方 AppCube 竟然能玩到一起，这是可能是华为云官网本人也没想到的场景，而我，从 8 月份开始体验公测利用魔方 AppCube 以来，一路崎岖，从给 AppCube 提 Bug，到期待新版本公布结束，再一步一步摸着石头过河，始终在摸索 AppCube 与 ModelArts 的联合，原因很简略 – 我心愿低门槛开发 AI 利用、低门槛落地 AI 利用，不过，差强人意的是我在应用低代码平台 AppCube 时，还是 Copy 了好些代码……但我还是保持摸索，明天赶在中秋国庆双节之际，终于跑通了我的第一个落地 Demo– 命名实体辨认。能够说 这是前所未有的体验！
缘起
利用魔方 AppCube（以下简称 AppCube）是低代码利用开发平台，顾名思义就如同魔方一样，能够通过任意组合，排列各种模块化元素，创立性能各异的利用。AppCube 是在线多租的利用开发和运行的 aPaaS 平台。
就是这么一个牛掰的低代码平台深深地吸引了我，之前有用她实现过口罩调配零碎的 Demo，那时候如同还不叫 AppCube。之后，很荣幸地参加了利用魔方 AppCube 的公测体验，通过深度体验 AppCube，我进一步相熟理解了她，加上刚好也在学习一站式 AI 开发平台 ModelArts，通过 ModelArts 学习了一些简略 AI 模型的训练和在线部署，而后也尝试将这些 AI 服务“落地”– 实现前端开发部署，有幸产出了基于 Koa.js 的体验小 Demo– 明天，您存了吗？。只管很乏味，但还是解脱不了对自在服务器的依赖，遇到利用魔方 AppCube 让我有了大胆的想法：联合 ModelArts 和 AppCube 实现 AI 在线服务的前端利用！于是，”JUST DO IT”, 走上了一条有限踩坑的路线……
遇到的第一个坑，确是真·HW 工程师给我挖的！调用过 ModelArts 在线服务的小伙伴都应该晓得，咱们在调用接口之前须要获取账号的 AK 和 Sk，通过加密算法签名之后才可能失常获取调用的后果。整套流程自身是没有工作问题的，然而通过 AppCube 去调取 ModelArts 的在线服务，总是无奈失常调通，始终是返回 Incorrect IAM authentication information，也就是说无奈失常认证，起因也无非两种，一是签名之后的 token 不正确，二是客户端 (AppCube) 的工夫与服务端 (ModelArts 在线服务) 的工夫不统一且相差超过 15 分钟。
通过重复验证，我确认是后者，于是提了 8 月 18 日早晨就提了工单，到 8 月 20 日早晨根本确定是 AppCube 的 signer 加密算法写得有点问题，而后就是漫长的期待发版……到 9 月 16 日终于等来了新版本并修复了这个坑。
而后，我开始“三天打鱼两天晒网”，又踩到了第二个坑 –AppCube 的规范页面不反对匿名拜访，于是我连忙想法将规范页面转为高级页面，后果又遇到了第三个坑 – 因为我的规范页面含有多语言组件导致转化后的高级页面依然无奈匿名拜访。于是，我开始了转向高级页面的开发……
然而，高级页面确不是我设想的那么高级，就好比等级高然而配备还是得本人打，是的，高级页面中没有根底的布局，须要自行开发组件；高级页面还需自行开发桥接器，因为 AppCube 的安全策略不容许前台页面间接调用后端服务。
9 月的月末，根本在这些坑里折腾……
ModelArts 侧的开发
对我来说，目前开 (拷) 发(贝)一个 AI 在线服务曾经如唾手可得，毕竟 ModelArts 平台就提供了各种 Copy 的能力：您能够基于主动学习开发 AI 在线服务；您也能够基于预置算法或者订阅算法训练并部署 AI 模型；您还能够从 AI 市场间接订阅模型来开发 AI 在线服务，甚至还能够间接从 OBS 加载元模型。总之，兴许您没有 AI 根底，通过一站式 AI 开发平台 ModelArts 就能开发并部署一个 AI 在线服务。为了更加简便，我采纳的 OBS 元模型形式，分分钟部署一个 Bert 命名实体辨认在线服务。
简略介绍一下操作流程：
0. 筹备阶段
- 注册华为云账号 – 这是一把金钥匙，开启了我的“云”世界。
- 拜访“我的凭证”获取“拜访密钥”– 也就是 AK/SK，这还是一把金钥匙，是我通过开发工具拜访华为云的身份凭证。
- 开明 OBS 并新建桶和文件夹 – 这是 40G 容量的金桶，用来寄存我 Copy 过去的数据、模型、算法……Y
- 开明 ModelArts– 这是真金白银打造的一站式 AI 开发平台，我却挥霍着收费算力(学艺不精，真才实学，浪费资源)。
1. 开 (拷) 发(贝)阶段
从 AI 市场数据集下载 model 到 OBS
请拜访 model-test:https://marketplace.huaweiclo… 点击页面的下载按钮，配置下 OBS 门路，点击下一步即可下载 model 到 OBS
从 OBS 导入元模型
咱们须要进入到 ModelArts 平台点击模型治理 – 模型 – 导入 – 从对象存储服务（OBS）中抉择，这里记得抉择元模型是抉择 model 文件夹的父级，会自动识别到 Tensorflow 引擎。点击立刻创立就会主动构建模型。
2. 部署阶段
部署是最简略的一步，期待模型构建结束点击部署 – 在线服务一路 Next 进行模型部署上线操作。稍等片刻，部署胜利之后就是相熟的在线调试等步骤。
AppCube 侧开发
通过此次摸索，我粗浅地领会到 AppCube 的精妙之处 – 介是您没有玩过的船新版本。就像上文中提到的那些坑，次要还是本身技术不硬，没好好理解玩法和规定，而后就有限掉坑爬坑掉坑。不过，指标是明确的：一个页面，有输入框，有提交按钮，有结果显示，能调用 AI 服务。是不是超级简略？简略到我认为半个小时能搞定。后果……不说了，说多了都是泪！间接上手高级页面开发，我要做高级 Copy 攻城狮！
高级页面开发筹备
- 自定义 UI 库
在开发高级页背后，您须要学习 Widget、库、桥接器、事件和动作等相干内容。没方法，摸着石头过河，如果光脚的话，容易划伤；先来一个 MintUI(只管曾经过期了)，如果高级页面要应用前端框架或组件库，例如风行的 Vue、Bootstrap、ElementUI 等，须要将其制作成 Library 资产，而后上传到环境中应用。本次高级页面为自定义的 Widget，我想用 MintUI 来实现前端布局，那就须要将自定义库进行上传以及在 Widget 应用库。好在官网文档提供了教科书般的 Demo：治理并应用库, 步骤也简略：
- 下载 MintUI 并上传到高级页面 > 库
- 自定义 Widget 中援用 MintUI：
packageinfo.json
Plain Text
1
“requires”: [
2
{
3
“name”: “global_Vue”,
4
“version”: “100.7”
5
},
6
{
7
“name”:”bingobingotesthuaweicom_mintui”, // 库文件名称和版本号在库详情页面获取 “version”: “1.0”
8
9
}]
- 工具包下载
开发高级页面比拟狂拽炫酷的形式就是应用 Scaffolding 离线开发 Widget。Scaffolding 是 AppCube 零碎提供的一个脚手架工程，不便创立本地资产工程，用于本地开发 Widget、本地调测后上传至资产库，也能够通过该工具下载 Widget 至本地。
对了 Widget 的概念十分不错，玩出来 Flutter 的感觉，万物皆 Widget！您在浏览器中看到的一个零碎网页，即是一个页面。Widget 是可复用的高级页面组成元素，一个高级页面由一个或多个 Widget 拼装而成。如果将一个高级页面看成拼图游戏的残缺图案，那么 Widget 相当于拼图的每一小块。而咱们想在本地开发 Widget 就须要用到工具，这个工具有点特地，其实是一个前端的 NPM 包，我特意查了下，这个包不是公开的，须要咱们从官网文档中下载：https://obs-ap1-appengine.obs…。如果后续版权容许的话，它应该会呈现在 NPM 公共包中。说是工具，其实是一堆代码，依赖 storybook 来开发组件。从代码构造和 bin 目录来看，工具包提供一个 mango 的命令行，咱们能够通过 mango ui 开启一个本地的组件开发环境，不便后续的开发调试。当然，还须要设置并获取客户端 ID 和客户端密钥。
- 我的项目筹备
AppCube 有开发环境和运行环境，咱们通过 AppCube 的控制台进入到开发环境，新建一个空白的轻利用。从操作界面来看，利用魔方 AppCube 反对轻利用、行业利用、业务大屏以及挪动小程序。目前构建的利用有四种公布渠道：AppCube 仓库散发、Welink、讯盟以及下载到本地。对于我的项目的一些根本配置，这里不再赘述，具体查看官网文档的用户指南。
高级页面开发概要
- 在线开发脚本及服务流
实践上，咱们的前端业务是不间接调用后端接口的，这次的摸索，咱们把调用 AI 在线服务交给 APPCube 的后端逻辑了来解决，由 APPCube 开发的前端业务调用后端业务，由 AppCube 的后端业务去调用 AI 在线服务，这样尽可能保障了咱们传输过程中应用的敏感数据如 AKSK 不被泄露。于是，咱们须要编写脚本，还需定义服务流、公共接口等，具体可查阅官网文档。如图中，咱们定义了三个脚本：config– 简略配置 AKSK 及 AI 在线服务地址；singer– 签名用的，依据 AKSK 提供的 Demo 改写使之适应 AppCube;getSinger– 也就是调用服务的脚本，输出 body，返回申请 AI 在线服务的响应。
服务流也定义得非常简略，只是调用了 getSinger 脚本，而后在下边服务中定义基于服务流的公共接口，给到桥接器不便前端页面调用。
- 自定义 Widget
当咱们应用上文工具时，执行 mango ui 能关上本地开发界面，如：http://localhost:8000/app/list。咱们能够开发规范页面组件、高级页面组件以及 Vue 高级页面组件。通过设置，咱们能间接连贯到 AppCube 的在线环境，能够和在线环境进行交互，如组件上传下载、组件设置、组件编译等。
- 自定义桥接器
有时候弯路走多了，路越走越弯。为什么要自定义桥接器？因为自定义高级页面中要调用服务可能就要用到桥接器！总之，从一开始的规范页面不反对匿名拜访，我就走上了一条一直踩坑的不归之路。截止发稿，还有一个坑没填上，所以只管 Demo 曾经开发结束，开发环境能失常调试，然而运行态还存在脚本不存在或者未激活的 Bug，目前真·HW 工程师正在全力技术支持中！说回怎么自定义桥接器，三步走：
1. 获取 Demo 代码并批改
Plain Text
1
// 外围代码
2
var widgetBridge = thisObj.getConnectorInstanceByName(‘BertDemo_getAKSK’);
3
// …
4
thisObj.callFlowConn(“BertDemo_getAKSK”, {
5
service: “/BertDemo__AKSK/0.0.1/getAKSKFlow”
6
},{},result =>{})
2. 和自定义 Widget 一起公布
3. 在高级页面中应用
公布
AppCube 的公布流程就像是软件开发的公布流程：先编译，再公布。在 AppCube 开发环境进入利用开发页面，点击左下角编译按钮进行编译，编译胜利之后，页面会显示“编译 XXX 胜利”。敞开编译胜利的窗口。再点击左下角公布按钮，在“公布利用”页面抉择“我的仓库”。
公布胜利后，页面显示“程序包曾经被胜利上传到我的仓库。”。在 App 开发页面左侧单击我的仓库，可在“已公布”下看到公布的利用。点击顶部首页按钮进入首页，在首页单击“治理”，抉择“利用治理 > 我的仓库”可查看到公布的利用。
在 AppCube 开发环境右上角单击用户名，抉择“运行环境”。在总览页面抉择“我的仓库”进入“我的仓库”页面。单击“装置”，在弹出的确认框单击“确定”。装置该利用；在左侧菜单抉择“总览”，进入“总览”页，单击“利用”，进入“应用程序列表”页面……
只管步骤有些繁琐，不过文档中有详尽的示意图，一步一步跟着多走几遍就相熟了。
看来目前 AppCube 次要是面向企业开发者，Copy 攻城狮看来须要放弃了！接下来，摸索一下 ModelArts 和鸿蒙 OS 看看能不能也擦出点啥来。
点击关注，第一工夫理解华为云陈腐技术~
