微信小游戏使用Java实现加载res文件

╰+攻爆jí腚メ 2023-06-05 05:56 3阅读 0赞

[参考：发布到微信小游戏][Link 1]

> 服务器加载是因为小程序包大小有8M大小限制（过去4M），其中占用较多的就是res文件，去掉res文件，很容易控制在8M以内

需要注意的问题：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]

### 具体实现步骤： ###

> 1. 构建ccc项目  
> 2. 服务器文件流方式输出res目录下文件  
> 3. 转移res到服务器端，并修改小程序配置构建ccc项目  
> 4. 本地服务器需要配置不校验合法域名

#### 1. 构建ccc项目 ####

> 项目->构建发布->构建

构建后小程序端会出现以下目录：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 1]

#### 2. 转移res到服务器端，服务器文件流方式输出res目录下文件 ####

> 测试数据，我res文件夹就放在桌面了

private static String WECAT_RES_PATH = "/Users/mac/Desktop/res/";
    	//微信小程序获取res文件（分为.json文件和.png文件）
        @RequestMapping("/getRes/res/{name1}/{name2}/{name3}")
        public void getRes(HttpServletResponse response
                ,@PathVariable("name1") String name1
                ,@PathVariable("name2") String name2
                ,@PathVariable("name3") String name3)throws IOException{ 
            //遍历文件夹，找到最底层
            response.setContentType("application/octet-stream;charset=utf-8");
            response.setHeader("Content-Disposition", "inline; filename=girls.png");
            ServletOutputStream outputStream = response.getOutputStream();
            //http://localhost:8888/test/getRes
            System.out.print(name1+"/"+name2+"/"+name3+"\n");
            outputStream.write(Files.readAllBytes(Paths.get(WECAT_RES_PATH+name1+"/"+name2+"/").resolve(name3)));
            outputStream.flush();
            outputStream.close();
        }

#### 3. 修改小程序配置 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 2]  
REMOTE\_SERVER\_ROOT修改成服务器的接口地址  
`注意，无论是本地路径还是接口中配置，都要加res路径`  
如果是cocoscreator创建的项目，可以在编译的时候填写地址：  
![在这里插入图片描述][201912061446403.png]

#### 4. 本地服务器需要配置不校验合法域名 ####

> 如果是本地调试，会报错：

![在这里插入图片描述][20191008161407918.png]  
修改在小程序的：工具->项目详情->不校验域名  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 3]

[Link 1]: http://docs.cocos.com/creator/manual/zh/publish/publish-wechatgame.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]: /images/20230601/1fdfad60cdbf4ccfa37495b44d18f0eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 1]: /images/20230601/25bfd988388c4f2eb6b3c4c52e3e336a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 2]: /images/20230601/5adf3f33a9a04246af7eaed046c3ee89.png
[201912061446403.png]: /images/20230601/11a7ca7289284e4895e7310488ad8680.png
[20191008161407918.png]: /images/20230601/f223b190cdb54886be36ad0ab67417b0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 3]: /images/20230601/7dcdabff3a5045b3a09d3680e865f09d.png