uni-app 打包Apk后有H5源码泄露问题

针对uni-app打包Apk后可能出现的H5源码泄露问题，这通常涉及到代码保护、资源混淆以及构建配置等多个方面。虽然完全防止源码泄露可能不太现实，但可以通过一系列技术手段提高源码被逆向工程的难度。以下是一些通过代码实现的保护措施，不涉及具体建议，而是直接展示相关代码和配置示例。

1. 使用Webpack进行代码混淆

uni-app在构建过程中可以集成Webpack进行代码混淆，从而减少源码的可读性。虽然uni-app默认构建流程已经包含了一定的混淆处理，但你可以通过自定义vue.config.js来增强混淆效果。

// vue.config.js
const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.optimization = {
        minimize: true,
        minimizer: [
          new TerserPlugin({
            terserOptions: {
              compress: {
                drop_console: true, // 删除console.*语句
                drop_debugger: true, // 删除debugger语句
                // 更多压缩选项...
              },
              mangle: true, // 混淆变量名
              // 更多terser选项...
            },
          }),
        ],
      };
    }
  },
};

2. 资源文件加密

对于静态资源，如图片、音频等，虽然直接加密意义不大（因为解密逻辑仍需存在于客户端），但可以考虑将敏感信息（如API密钥）通过环境变量管理，并在运行时动态加载。

// 在.env文件中定义环境变量
VUE_APP_API_KEY=your_secret_key_here

// 在代码中引用
const apiKey = process.env.VUE_APP_API_KEY;

3. 动态代码加载

对于部分非核心逻辑，可以考虑使用动态代码加载（如通过Web Workers或远程服务器下载并执行脚本），但这会增加复杂性和潜在的安全风险。

4. ProGuard（仅针对Android原生部分）

虽然uni-app主要面向跨平台开发，但如果你涉及到原生Android代码，可以使用ProGuard进行代码混淆。这需要在Android原生项目中进行配置，而非uni-app本身。

总结

上述方法主要是从代码混淆、资源管理和动态加载等角度提高源码的保护级别。请注意，这些方法并不能完全防止源码泄露，但可以显著增加逆向工程的难度。在实际应用中，应结合业务需求和安全要求，综合采用多种手段来保护你的代码。