加强应用本身的计算能力

云开发平台官网：https://workbench.aliyun.com/

往期文章：阿里云-云开发平台普及篇——创建应用阿里云-云开发平台入门篇——静态网站的全生命周期实战阿里云-云开发平台存储篇——给应用接上后端存储能力

人脸动漫化

1. 云开发平台

• 创建应用

• 
• 

• 应用配置：由于我们要使用 OSS 和 阿里云视觉智能开放平台，这里要配置一下 OSS 和 ak、sk

• 首先创建一个新用户 ，选择编程访问
  

• 

• 创建完成后记下 AccessKey ID 和 AccessKey Secret，后面要用到

• 然后赋予刚才创建的用户 OSS 和 VI 权限

• 

• 添加 AliyunOSSFullAccess 和 AliyunVIAPIFullAccess 权限

• 

• 创建 OSS 桶

• 

• 区域要和应用的区域相同，读写权限选择 公共读写，创建完后把 BucketName 记一下，后面会用到

• 

• 然后回到云开发平台应用界面，找到刚才创建应用，点击 应用配置
  

• 

• 分别填入刚才创建用户的 AccessKey ID 和 AccessKey Secret，以及桶名称，点击确定，配置完成

• 

• 开发部署

• 点击 开发部署，跳转到线上 IDE

  
  
  

• 如果你跟我一样区域在上海，那么直接点击部署就可以了，如果区域不是在上海，将我框中的地方修改成你自己创建的区域即可

  
  
  

• 部署完成后访问临时域名，如果出现如下界面，说明部署成功

  
  
  

• 如果出现下列界面说明 fc 权限不足，需要向管理人员申请权限

  
  
  

2. 小程序开发

• 在应用界面，我们可以看到两个代码仓库，一个是后端代码（也就是 IDE 里面的），另一个是前端代码，这里我们需要通过 git 将前端代码克隆本地进行调试，点击前端仓库

• 

• 然后就可以看到对应的代码仓库地址，我们直接通过 git 命令克隆到本地即可，<font color="red">注意：</font>这里要先配置一下密钥，不会的话百度
  

• 

• 将代码克隆到本地后，使用支付宝小程序开发工具打开，如下

• 

• 我们手动将 devlop 后面的网址改成上面应用部署成功后生成的 url，重新编译一下即可

• 

3. 运行测试

<div align="center"><img src="https://img-blog.csdnimg.cn/20201229154954272.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MzM5NDY3,size_16,color_FFFFFF,t_70" /></div><div align="center"><img src="https://img-blog.csdnimg.cn/20201229155006998.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MzM5NDY3,size_16,color_FFFFFF,t_70" /></div>

人脸美颜

1. 云开发平台

• 应用创建和配置同上

• 要实现人脸美颜，通过阅读官方文档，我们需要在线上 IDE 将代码做一定的修改，在 GenerateHumanAnimeStyleServiceImpl.java 中修改如下

• 

• GenerateHumanAnimeStyleService.java修改如下

• 

• GenerateHumanAnimeStyleController.java修改如下

• 

2. 小程序开发

• 同上

3. 运行测试