方案实践——搭建美图APP
更新时间:2022-12-01
美图 APP 示例
手机美图示例 APP 下载地址:
下载完 APP 并安装完成后可以直接通过应用服务器地址访问 BOS ,并进行图片处理。应用服务器地址是指搭建移动应用的后台服务器,默认开启的端口为8080。关于 BOS 的区域和 Bucket 设置都需要在应用服务器进行配置。
APP操作方法
该 APP 支持用户上传、下载和下载缩放图三个功能。
- 上传:用户填写应用服务器地址后,选择本地需要上传的图片,图片会显示在操作界面下方,点击上传即可。上传成功会显示 “File Uploaded”。
- 下载:用户填写需要下载的文件名称,点击下载按钮即可。下载成功会显示 “File Downloaded”。
- 下载缩放图:下载缩放图时必须指定明确的图片后缀如 jpg ,然后设置下载图形的宽和高以及旋转角度,点击下载缩放图,则会获取经过处理的图形。下载成功会显示 “File Downloaded”。 Demo 版本下载后的图片都不会存储到本地。
如何搭建美图APP
搭建美图 APP 包含以下几个步骤:
- 开启 BOS 服务并创建 Bucket 用于存储图片,开通和创建 Bucket 的详细操作请参见创建 Bucket。如果要下载缩放图,需要保证指定的 Bucket 开启了图片处理服务。
- 开通 STS 服务,用于保证上传和下载图片的安全性。
- 部署应用服务器,实现和 BOS 及客户端的交互,美图 APP 代码请参考:BOS美图APP代码。
- 下载安装美图APP。
如何部署应用服务器
- 从 github 上下载sample code的代码包,代码包主要包含 “bos_meitu_app” 和 “bos_meitu_app_server” 两部分,其中 “bos_meitu_app” 主要用于定义APP界面及相关动作,“bos_meitu_app_server” 为应用服务器相关配置。
-
修改 “bos_meitu_app_server” 中的 “MeituAppServerHandler.java” 文件,其中定义了 ak/sk、BOS 服务器对应的 Endpoint 和 Bucket 名称等信息。
Plain Text1 public String getBosInfo(String bosRequestType) { 2 //配置ak、sk 3 String bosAk = "开发者的ak"; 4 String bosSk = "开发者的SK"; 5 //百度智能云提供的stsendpoint 6 String stsEndpoint = "http://sts.bj.baidubce.com"; 7 8 BceCredentials credentials = new DefaultBceCredentials(bosAk, bosSk); 9 BceClientConfiguration clientConfig = new BceClientConfiguration(); 10 clientConfig.setCredentials(credentials); 11 clientConfig.setEndpoint(stsEndpoint); 12 StsClient stsClient = new StsClient(clientConfig); 13 GetSessionTokenRequest stsReq = new GetSessionTokenRequest(); 14 // request expiration time 15 stsReq.setDurationSeconds(1800); 16 GetSessionTokenResponse stsToken = stsClient.getSessionToken(stsReq); 17 String stsTokenAk = stsToken.getCredentials().getAccessKeyId(); 18 String stsTokenSk = stsToken.getCredentials().getSecretAccessKey(); 19 String stsTokenSessionToken = stsToken.getCredentials().getSessionToken(); 20 21 // BOS服务的Endpoint地址,及Bucket名称。 22 String bosEndpoint = "http://bj.bcebos.com"; 23 String bucketName = "Bucket名称"; 24 if (bosRequestType.equalsIgnoreCase("download-processed")) { 25 // the binded image processing domain set by App developer on bce console 26 bosEndpoint = "http://" + bucketName + ".bj.bcebos.com"; 27 } 28 29 // prefix is the bucket name, and does not specify the object name 30 BosInfo bosInfo = new BosInfo(stsTokenAk, stsTokenSk, stsTokenSessionToken, bosEndpoint, 31 bucketName, "", bucketName); 32 33 String res = ""; 34 ObjectMapper mapper = new ObjectMapper(); 35 try { 36 res = mapper.writerWithDefaultPrettyPrinter().writeValueAsString(bosInfo); 37 } catch (JsonProcessingException e) { 38 // TODO Auto-generated catch block 39 e.printStackTrace(); 40 res = ""; 41 } 42 System.out.println(res); 43 try { 44 res = new String(res.getBytes(), "utf8"); 45 } catch (UnsupportedEncodingException e) { 46 // TODO Auto-generated catch block 47 e.printStackTrace(); 48 res = ""; 49 } 50 return res; 51 }
- 将修改完成的服务器代码重新编译打包为 bos_meitu_app_server.jar,将 jar 包上传到应用服务器上并执行命令
java -jar bos_meitu_app_server.jar
。