方案实践——搭建美图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 名称等信息。
public String getBosInfo(String bosRequestType) { //配置ak、sk String bosAk = "开发者的ak"; String bosSk = "开发者的SK"; //百度智能云提供的stsendpoint String stsEndpoint = "http://sts.bj.baidubce.com"; BceCredentials credentials = new DefaultBceCredentials(bosAk, bosSk); BceClientConfiguration clientConfig = new BceClientConfiguration(); clientConfig.setCredentials(credentials); clientConfig.setEndpoint(stsEndpoint); StsClient stsClient = new StsClient(clientConfig); GetSessionTokenRequest stsReq = new GetSessionTokenRequest(); // request expiration time stsReq.setDurationSeconds(1800); GetSessionTokenResponse stsToken = stsClient.getSessionToken(stsReq); String stsTokenAk = stsToken.getCredentials().getAccessKeyId(); String stsTokenSk = stsToken.getCredentials().getSecretAccessKey(); String stsTokenSessionToken = stsToken.getCredentials().getSessionToken(); // BOS服务的Endpoint地址,及Bucket名称。 String bosEndpoint = "http://bj.bcebos.com"; String bucketName = "Bucket名称"; if (bosRequestType.equalsIgnoreCase("download-processed")) { // the binded image processing domain set by App developer on bce console bosEndpoint = "http://" + bucketName + ".bj.bcebos.com"; } // prefix is the bucket name, and does not specify the object name BosInfo bosInfo = new BosInfo(stsTokenAk, stsTokenSk, stsTokenSessionToken, bosEndpoint, bucketName, "", bucketName); String res = ""; ObjectMapper mapper = new ObjectMapper(); try { res = mapper.writerWithDefaultPrettyPrinter().writeValueAsString(bosInfo); } catch (JsonProcessingException e) { // TODO Auto-generated catch block e.printStackTrace(); res = ""; } System.out.println(res); try { res = new String(res.getBytes(), "utf8"); } catch (UnsupportedEncodingException e) { // TODO Auto-generated catch block e.printStackTrace(); res = ""; } return res; }
- 将修改完成的服务器代码重新编译打包为 bos_meitu_app_server.jar,将 jar 包上传到应用服务器上并执行命令
java -jar bos_meitu_app_server.jar
。