10分钟开发“一键二次元”AI小程序 1.创建肖像卡通应用
登录云开发平台。 通过以下链接登录阿里云-云开发平台,使用自己的阿里云账号登录。 如果您没有阿里云账号,请使用支付宝等账号注册或登录。
2. 打开应用程序列表。 如果您之前没有使用过这个开发平台,那么您第一次需要创建自己的团队。 此时,只需填写您的团队名称并选择规模,然后同意云开发平台协议即可进入申请列表界面。
创建一个应用程序。 在应用列表界面点击“创建应用”,开发语言选择“Java”,计算服务选择“FC”。 该应用的小程序肖像卡通样本模板如图所示。 点击“下一步”,输入应用的名称和简介即可完成创建。
创建一个应用程序。 在应用列表界面点击“创建应用”,开发语言选择“Java”,计算服务选择“FC”。 该应用的小程序肖像卡通样本模板如图所示。 点击“下一步”,输入应用的名称和简介即可完成创建。
填写申请基本信息。 请务必选择属于上海地区的产品。
记录AK和SK的值。创建完成后,复制ID并记录下来,以备后用。
为用户添加权限。 单击“添加权限”,为刚刚创建的用户授予存储OSS和视觉智能平台的权限。
在左侧列表中找到并双击添加和权限
创建OSS存储桶。 输入列表 () 并单击“创建”。 会弹出是否启用版本控制的弹框,选择不启用。 填写的姓名和地区必须与申请地区一致。 创建完成后,记下名称,稍后会用到。
返回云开发平台应用界面,找到刚刚创建的应用卡,点击应用配置,显示具体配置项,填写刚刚创建的用户ID和桶名,点击确定完成配置。
3、后端服务开发部署,点击开发部署,在线签入,等待加载完成即可显示开发界面。 点击左侧第一个Tab,弹出部署插件,点击下方的部署按钮,即可一键部署。 部署完成后,会生成并记录一个免费的临时域名,供后续使用。 温馨提示:域名过期后,您可以再次获得免费域名。 免费域名的有效期只有30分钟。 如果小程序开发过程超过30分钟,请点击申请卡图标查看申请信息,并在绑定域名下点击刷新重新获取免费域名。 4.小程序前端开发
将代码克隆到本地。 在应用卡界面中,我们可以看到两个代码仓库,一个是后端代码(即Cloud IDE中的代码),另一个是前端代码。 点击申请卡上的前端仓库地址,会出现完整的代码仓库配置。 点击代码库链接进入页面。 需要通过git将前端代码克隆到本地进行调试。
安装小程序IDE客户端。 点击链接从支付宝官网下载小程序IDE客户端并安装。
打开前端代码项目。 安装完成后,启动小程序IDE客户端,找到前端代码解压文件夹路径,打开项目。
打开前端代码项目后,找到.js文件,将下面的URL改为上面后端服务应用成功部署后生成的免费域名。
在小程序IDE右上角,选择一个模型,重新编译。 点击AI小程序界面启动,测试头像动画。
机器预览和调试(高级步骤无需做)
A。 在小程序IDE右上角,点击真机调试或模拟器上方预览——会打包并自动映射到当前登录用户的支付宝客户端——界面加载卡通动画小程序。 首次点击真机调试或预览,需要扫描支付宝码授权登录。登录后提示该账号尚未创建小程序。 单击从 PC 创建。
b. 输入支付宝开放平台小程序名称,点击创建。 创建完成后,会自动跳转至小程序详情页面。 如下图依次点击添加后端服务白名单,在弹出框中输入云开发平台生成的后端。 服务域名。 添加成功后,返回小程序IDE界面。
C。 返回小程序IDE界面,小程序已自动绑定。 再次点击真机调试或预览,会出现如下弹窗。 弹出窗口点击 ,编译并推送到手机上。
d. 确保手机支付宝在前台运行,小程序会自动出现在手机支付宝界面。 当用户第一次点击开始制作时,会访问获取当前用户的基本会员信息。 点击允许后,他会跳转到制作页面添加并上传图片。 如果要更改当前图片文件,可以点击右上角的更改图标进行更新。
阿里云大学计划陪伴超过2000所大学的学生在云上实践和成长。 在这里你可以获得免费的CPU资源,还可以参加免费的训练营来练习和提高: