从开发到上架:从0-1实现uni-app微信小程序打包发布

{  "name": "你的小程序名称",  "appid": "你的微信小程序AppID",  "description": "小程序描述",  "versionName": "1.0.0",  "versionCode": "100",  "mp-weixin": {    "appid": "你的微信小程序AppID",    "setting": {      "urlCheck": false,      "es6": true,      "postcss": true,      "minified": true    },    "usingComponents": true,    "permission": {      "scope.userLocation": {        "desc": "你的位置信息将用于小程序位置接口的效果展示"      }    }  }}

// 示例：环境判断和兼容性处理// 在App.vue或页面组件中export default {  onLaunch: function() {    // 判断平台    #ifdef MP-WEIXIN    console.log('微信小程序平台');    this.checkUpdate(); // 检查更新    #endif    // 版本兼容性处理    this.handleCompatibility();  },  methods: {    // 检查小程序是否有新版本    checkUpdate() {      if (wx.canIUse('getUpdateManager')) {        const updateManager = wx.getUpdateManager();        updateManager.onCheckForUpdate(function(res) {          console.log('是否有新版本:', res.hasUpdate);        });        updateManager.onUpdateReady(function() {          wx.showModal({            title: '更新提示',            content: '新版本已经准备好，是否重启应用？',            success: function(res) {              if (res.confirm) {                updateManager.applyUpdate();              }            }          });        });      }    },    // 处理API兼容性    handleCompatibility() {      // 示例：安全区域适配      if (wx.getSystemInfoSync().safeArea) {        // 全面屏设备适配        this.globalData.safeArea = wx.getSystemInfoSync().safeArea;      }    }  }}

// config.js - 环境配置const config = {  // 开发环境  development: {    baseUrl: 'https://dev-api.example.com',    appId: 'wx_dev_appid',    debug: true  },  // 测试环境    staging: {    baseUrl: 'https://test-api.example.com',    appId: 'wx_test_appid',    debug: true  },  // 生产环境  production: {    baseUrl: 'https://api.example.com',    appId: '你的正式AppID',    debug: false  }};// 根据process.env.NODE_ENV获取当前环境配置const env = process.env.NODE_ENV || 'development';export default config[env];

module.exports = {  transpileDependencies: ['uni-simple-router', 'uview-ui'], // 需要编译的依赖  configureWebpack: {    optimization: {      splitChunks: {        chunks: 'all',        maxSize: 200000, // 单个分包最大200KB        cacheGroups: {          vendors: {            name: 'chunk-vendors',            test: /[\\/]node_modules[\\/]/,            priority: 10,            chunks: 'initial'          },          common: {            name: 'chunk-common',            minChunks: 2,            priority: 5,            reuseExistingChunk: true          }        }      }    }  },  // 分包配置  pages: {    index: {      entry: 'src/main.js',      chunks: ['chunk-vendors', 'chunk-common', 'index']    }  }};

测试账号：test密码：Test123456（或：可使用任意手机号+验证码123456登录）

// 小程序内版本更新逻辑export default {  onShow() {    // 检查更新    this.checkMiniProgramUpdate();  },  methods: {    checkMiniProgramUpdate() {      if (wx.canIUse('getUpdateManager')) {        const updateManager = wx.getUpdateManager();        updateManager.onCheckForUpdate((res) => {          // 请求完新版本信息的回调          console.log('检查到新版本：', res.hasUpdate);        });        updateManager.onUpdateReady(() => {          wx.showModal({            title: '更新提示',            content: '新版本已经准备好，是否重启应用？',            success: (res) => {              if (res.confirm) {                // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启                updateManager.applyUpdate();              }            }          });        });        updateManager.onUpdateFailed(() => {          // 新版本下载失败          wx.showToast({            title: '更新失败',            icon: 'none'          });        });      }    }  }}

// manifest.json 中的分包配置{  "mp-weixin": {    "appid": "你的AppID",    "optimization": {      "subPackages": true    }  }}// pages.json 中的分包配置{  "pages": [    {      "path": "pages/index/index",      "style": { ... }    }  ],  "subPackages": [    {      "root": "packageA",      "pages": [        "pages/cat/cat",        "pages/dog/dog"      ]    },    {      "root": "packageB",      "pages": [        "pages/apple/apple",        "pages/banana/banana"      ]    }  ],  "preloadRule": {    "pages/index/index": {      "network": "all",      "packages": ["packageA"]    }  }}