今天是实践课,挺好的,这个实验我做过,因为经常参加(白Piao)阿里云的开发者社区的活动,话不多说,直接开始。在一月份的时候我还把活动分享在我的博客上https://www.cncrq.com/9032.html
通过以下链接 https://workbench.aliyun.com/application 登录
阿里云-云开发平台
然后点击新建应用
然后随便起个名字 ,自动创建产品线
然后点击完成即可,切记这些都是收费的,实验做完尽快下线。
由于要使用 OSS 和 阿里云视觉智能开放平台,要配置一下 OSS 和 AK(AccessKey ID)、SK(AccessKey Secret)
登录Ram控制台(https://ram.console.aliyun.com/users)选择 创建用户 ,选择 编程访问 。
复制复制 AccessKey ID 和 AccessKey Secret
为用户添加权限。点击添加权限赋予刚才创建的用户存储OSS 和视觉智能平台权限。
在左侧列表里找到并双击添加 AliyunOSSFullAccess 和 AliyunVIAPIFullAccess 权限。
找不到就CTRL+F查找 (一个一个翻也太累了吧)
创建OSS Bucket桶。进入Bucket列表(https://oss.console.aliyun.com/bucket)点击 创建Bucket,弹出框弹出是否开通版本控制选择 不开通。填写Bucket名称,区域要和应用的区域相同。创建完后把Bucket名称 记下来,后面会用到。
回到云开发平台应用界面,点击应用配置出现具体的配置项,分别填入刚才创建用户的AccessKey ID和AccessKey Secret,以及Bucket桶名称,点击确定,配置完成
点击 开发部署,打卡线上CloudIDE,等待加载完成出现开发界面
已经欢快的跑起来了,自动部署感觉真好
部署完成后访问临时域名,如果出现如下界面,说明部署成功,记录该临时域名
(Tips:域名失效后可以获取重新获取免费域名。免费域名只有30分钟有效时间。如果在小程序开发过程中超过30分钟,请点击应用卡片图标查看应用信息,在绑定域名下方点击刷新重新获取一个免费域名)
克隆代码到本地。在应用卡片界面,我们可以看到两个代码仓库,一个是后端代码(也就是Cloud IDE里面的),另一个是前端代码,点击应用卡片上的前端仓库地址,出现完整的代码仓库配置,点击代码仓库链接进入Codeup页面,需要通过 git 将前端代码克隆本地进行调试
(下载链接:https://codeup.aliyun.com/5fdf5525fa377a4736bf74c0/FErepo_2021-03-26_2021032600716202/repository/archive.zip?spm=a2cl9.codeup_devops2020_goldlog_projectFiles.0.0.452f2ad8a9nxUp&ref=master)
-------------------------------------------------------------------------------------------------------------------------
安装小程序IDE客户端。点击链接在支付宝官网上下载小程序IDE的客户端并进行安装
https://render.alipay.com/p/f/fd-jwq8nu2a/pages/home/index.html
开前端代码项目打开后找到 appconfig.js文件 ,将develop 后面的网址改成上面后端服务应用部署成功后生成的免费域名
在小程序IDE的右上角,选择一种机型重新编译一下即可, 点击AI小程序界面的开始就可以进行头像动漫化测试
运行测试 。点击小程序界面的下方开始进行试用。上传一张个人头像或者照片,进行动漫化处理
(我的自己试了一下,效果一般)
到这里就结束啦 切记要下线应用,下线应用,下线应用,下线应用
否则一直扣费
阿里云高校计划,陪伴两千多所高校在校生云上实践、云上成长。在这里你可以领用免费的cpu资源,还可以参加免费训练营,实践提高:https://developer.aliyun.com/adc/student/