2023-05-30 taro如何切换到其他已发布的小程序

发布时间 2023-05-30 15:32:29作者: 哎呦你可棒棒了

taro可以把一套小程序代码发布成多个小程序,那么要如何维护这些小程序呢,咱也不懂,咱也是刚开始学习怎么操作。

开始前先感谢chatGpt这个工具,它真的很棒,几乎没有什么是它不会的,我的很多一些问题都是问chatGpt,就比如这篇文章都是chatGpt给我的。

要将Taro项目切换到已经发布的小程序,需要进行以下几步操作:

1.修改项目的编译配置

在Taro项目的config文件夹下config.js文件中,有一个mini字段,其中包含了小程序的各种编译配置,包括AppID、页面路径、TabBar等信息。可以根据需要修改这些配置信息,以便正确地编译和运行已发布的小程序应用。

例如,可以修改APPID和Env字段来切换到不同的小程序环境:

const config = {
  projectName: 'taro-app',
  date: '2021-10-25',
  designWidth: 750,
  deviceRatio: {
    '640': 2.34 / 2,
    '750': 1,
    '828': 1.81 / 2,
  },
  sourceRoot: 'src',
  outputRoot: 'dist',
  plugins: [],
  defineConstants: {},
  copy: {
    patterns: [
      {
        from: 'src/assets/',
        to: 'dist/assets/',
      },
    ],
    options: {},
  },
  framework: 'react',
  mini: {
    // 配置小程序AppID
    appId: 'wx0123456789abcdef',
    // 配置小程序Env字段
    env: {
      NODE_ENV: '"production"',
      TARO_ENV: '"weapp"',
      ENV: '"prod"',
    },
    compile: {
      exclude: [/node_modules\/(?!@tarojs\/runtime)/],
    },
    // ...
  },
  h5: {
    // ...
  },
};

module.exports = function (merge) {
  if (process.env.NODE_ENV === 'development') {
    return merge({}, config, require('./dev'));
  }
  return merge({}, config, require('./prod'));
};

2.运行并调试项目

修改完编译配置后,可以使用Taro提供的命令行工具,如npm run dev:weapp启动开发环境,并在微信开发者工具中进行调试。

如果需要发布小程序,则可以使用npm run build:weapp构建代码,并将生成的dist目录导入到微信开发者工具中,进行预览和上传。

注:本文尚在测试中,因为我只是单纯的摘抄chatGpt给我的代码,我还在研究。

吐槽:前任前端没有做好交接工作,直接让我看交接文档,而文档有没有详细记录操作方法,故而只能慢慢摸索。