加强应用本身的计算能力 | 学习笔记

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储OSS,敏感数据保护2.0 200GB 1年
对象存储 OSS,内容安全 1000 次 1年
简介: 简介:快速学习加强应用本身的计算能力

开发者学堂课程【云开发 Web 应用训练营:加强应用本身的计算能力】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/911/detail/14416


加强应用本身的计算能力

目录:

一、网络拓扑示意图

二、支付宝开放平台

三、小程序开发(人脸美化)


一、网络拓扑示意图

image.png

云应用通过出口网关来调用支付宝、钉钉、VI 等等其他应用软件


二、支付宝开放平台

支付宝小程序开发平台不能随意调用 app id

VI 智能需要授权访问

调用好的 api 放在应用配置里

应用配置里有日常环境,预发环境和线上环境

上传一张照片变成卡通形象:

import env from './util/env_config'; import {

upload_file_api, person_cartoon_api}from'./util/common';

// 这个位置得环境根据需求处理

const pathName ={

develop:"https://katong.workbenchapi.

//develop:"http://127.0.0.1:8080"

//develop:"http://30.25.108.95:8080

// develop:"http://30.25.108.132:9013

trial:"体验版'//体验版

release:"发布版',// 发布版

gray:'灰度版',// 灰度版

}['develop'll env];// 此处自行修改

// 上传path

线上可以进行布置函数计算

上传打包时会把镜像上传到镜像仓库中去

开发部署里面去编辑的代码是服务端的第一个代码仓库

创建应用

image.png

应用配置

要使用 OSS 和 阿里云视觉智能开放平台,这里要配置一下 OSS 和 ak、sk

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

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

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

添加 AliyunOSSFullAccess 和 AliyunVIAPIFullAccess 权限

image.png 

创建 OSS 桶

image.png

区域要和应用的区域相同,读写权限选择 公共读写,创建完后把BucketName

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

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

image.png

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

image.png

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

image.png

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

主账号不需要授权

要实现人脸美颜,需要阅读管饭文档在线上 ide 将代码做一定修改


三、小程序开发

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

image.png

环境管理;

image.png

然后就可以看到对应的代码仓库地址,直接通过 git 命令克隆到本地即可,

注意:这里要先配置一下密钥,不会的话百度

image.png

手动将 devlop 后面的网址改成上面应用部署成功后生成的 url:

/这个位置得环境根据需求处理

const pathName=

/ / develop: "http://Ss_ur1}”",

/ develop: "https://k ----"benchapi.com"",

develop:"http://testlyi9r-m--l1nkckqnc.workbenchapi.com"

/ develop: "http://127.e.u.1:ouou"",

/develop: 'http:/7 30.25.108.95:80se',/斌

develop: 'http:// 30.25.108.132:9013",影 开发版

trial:"体验版"/ /体验版

release:“发布版"/ /发布版

gray:‘灰度版",/灰度版

[ "develop" ll env];/7/此处自行修改

//上传path

exportconstupload_file_url"S{pathName}s{upload_file_api} `;

//制作pathexportconstperson_cartoon_url"${pathName)i{(person_cartoon_api)";

运行测试:

import env from './util/env_config';

import {

upload_file_api,

person_cartoon_api}

from './util/common';

//这个位置得环境根据需求处理

const pathName = {

develop:"http://testlyi9ph3tcwb7tfyhqlw.workbenchapi.com/",

//develop:"http://127.0.0.1:8080",

Deve lop:"http://katong.workbenchapi.com',// 斌

// develop:"http://30.25.108.132:9013',// 影开发版

trial:"体验版',//体验版

release:发布版',//发布版

gray:"灰度版',// 灰度版

} ['develop'll env]; // 此处自行修改

// 上传path

Export const upload_file_url ='${pathName}${upload_file_api}`;

// 制作path

export const person cartoon url ='${pathName}${person cartoon api}`;  

alc:

region: cn-shanghai

accessKeyId:${accessKeyId}

accessSecret:${accessKeySecret}

###################原图片上传 OSS配置#####################

oss:

endpoint:https://oss-cn-shanghai.aliyuncs.com bucketName:${ossBucketName}

accessKeyId: ${accessKeyId}

accessKeySecret: ${accessKeySecret}

conf:

maxConnections:10#最大的连接数

connectionTimeout:1000#最大的连接超时时间 maxErrorRetry:3 #失败重试次数 socketTimeout:20000#读取超时。

人脸美颜

要实现人脸美颜,通过阅读官方文档,需要在线上 IDE 将代码做一定的修改,

在 GenerateHumanAnimeStyleServiceImpl.java 中修改如下:

@Override

public String personCartoon(String,imageUrl) throws 10exception {

DefaultProfile profile= DefaultProfile.getProfile(region, accessKeyId,accessSecret); IAcsclient client =new DefaultAcsClient(profile);

//GenerateHumanAnimeStyleRequest request = new GenerateHumanAnimeStyleRequest(); FaceBeautyRequest request = new FaceBeautyRequest(); request.setImageURL(imageUrl);// request.setAlgoType(algoType); float sharp =1;

float smooth =(float)0.6; float white = 1;

request.setSharp(sharp); request.setSmooth(smooth); request.setwhite(white);

//GenenateHumanAnimeStyleResponse response = null ; FaceBeautyResponse response = null; try {

response = client.getAcsResponse(request);

log.info("人物动漫化算法返回结果:

{0",newGson().toJson(response));} catch(ServerException e){

//接口正常返回

。GenerateHumanAnimeStyleService.java修改如下:

import java.io.IOException;

public interface GenerateHumanAnimestyleService {

人物图像卡通化

@param imageUrl 输入的图像地址

@param algoType 默认固定为anime;生成日韩卡通效果。@return

String personCartoon(string imageUrl]throws IOException;

上传图片

@param imageFile

@return

String uploadImageFile(Multipartfile imageFile)throws IOException;

。GenerateHumanAnimeStyleController.java修改如下:

@GetMapping("/person cartoon")

public 3sonResult personCartoon(@RequestParam("imageurl") String imageUrl) throws IOException {

return new JsonResult(generateHumanAnimeStyleService.personCartoon(imageUrl));

运行测试。

相关实践学习
通义万相文本绘图与人像美化
本解决方案展示了如何利用自研的通义万相AIGC技术在Web服务中实现先进的图像生成。
相关文章
|
弹性计算 Java Linux
部署单点WordPress网站
在特定场景下编写模板的流程比较固定,本篇文章以《部署单点 WordPress 博客平台》为例,讲述如何完成一个部署成功率高、适配场景广的模板。大多数在 ECS 上部署应用的模板都可以参考此教程来编写。
27679 7
|
弹性计算 负载均衡 对象存储
阿里云免费服务器申请攻略(入口及限制条件)
阿里云免费服务器申请攻略(入口及限制条件)阿里云免费服务器领取,个人和企业用户均可以申请,个人免费服务器1核2GB 每月750小时,企业u1服务器2核8GB免费使用3个月,阿里云百科分享阿里云免费服务器申请入口、个人和企业免费配置、申请资格条件及云服务器免费使用时长
920 0
|
消息中间件 监控 前端开发
RabbitMQ插件详解:rabbitmq_web_stomp【RabbitMQ 六】
RabbitMQ插件详解:rabbitmq_web_stomp【RabbitMQ 六】
1146 0
|
API Nacos 数据库
Nacos配置问题之启动项目报错如何解决
Nacos是一个开源的、易于部署的动态服务发现、配置管理和服务管理平台,旨在帮助微服务架构下的应用进行快速配置更新和服务治理;在实际运用中,用户可能会遇到各种报错,本合集将常见的Nacos报错问题进行归纳和解答,以便使用者能够快速定位和解决这些问题。
5799 115
|
Java
【异常解决】Java运行时发生 java.lang.NoClassDefFoundError: Could not initialize class com.iot.alarm.ProcAlar
【异常解决】Java运行时发生 java.lang.NoClassDefFoundError: Could not initialize class com.iot.alarm.ProcAlar
1524 0
|
Web App开发 JavaScript 前端开发
正确开启vue3.0调试工具vue-devtools
正确开启vue3.0调试工具vue-devtools
5089 2
|
运维 Java API
nacos常见问题之nacos 2.2.3报错如何解决
Nacos是阿里云开源的服务发现和配置管理平台,用于构建动态微服务应用架构;本汇总针对Nacos在实际应用中用户常遇到的问题进行了归纳和解答,旨在帮助开发者和运维人员高效解决使用Nacos时的各类疑难杂症。
|
人工智能 搜索推荐
‘通义万相’使用体验——令人惊艳的AI绘画创作大模型
7月7日,阿里云在2023世界人工智能大会上宣布,AI绘画创作大模型通义万相开启定向邀测。通义万相是阿里云“通义”大模型系列第三个产品,此前的通义千问、通义听悟分别具备文字问答和语音文字处理的功能。目前该模型已经开启定向邀测.
|
机器学习/深度学习 监控 Shell
Shell 一个月时间让你从小白到实战【万字笔记建议收藏方便学习】2
Shell 一个月时间让你从小白到实战【万字笔记建议收藏方便学习】2
108 0
|
JavaScript 前端开发 Windows
Windows 保留关键字
Windows 保留关键字
86 0