首页 > 编程语言 >2023-05-30 taro如何切换到其他已发布的小程序

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

时间:2023-05-30 15:33:14浏览次数:42  
标签:taro 05 30 程序 编译 ENV chatGpt config

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给我的代码,我还在研究。

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

标签:taro,05,30,程序,编译,ENV,chatGpt,config
From: https://www.cnblogs.com/iuniko/p/17443382.html

相关文章

  • 2023-05-30 前端通过node获取七牛云的token(token最好还是在后端返回,前端获取token会暴
    constfs=require('fs');constqiniu=require('qiniu');varaccessKey='你的accessKey';varsecretKey='你的secretKey';varmac=newqiniu.auth.digest.Mac(accessKey,secretKey);//获取七牛tokenvaroptions={......
  • Vue05-Vuex
    01.什么是状态管理在开发中,我们的应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序的某一个位置,对于这些数据的管理我们就称之为状态管理。在Vue开发中,我们使用组件化的开发方式:在组件中我们定义data或者在setup中返回使用的数据,这些数据我们称之为state(状......
  • 2023-05-30 浅试nodejs实现登录接口业务(未完,待测试)
    constexpress=require('express');constbodyParser=require('body-parser');constmysql=require('mysql');//创建MySQL连接池constpool=mysql.createPool({host:'localhost',user:'root',password......
  • [ABC302F]MergeSet
    AGC010BBoxes这道题其实是一道01BFS求最短路的模型,但是建模比较难想。首先需要想到对于每个集合内的点两两连边,边权为\(1\),由于开始和结束时需要从起点到中转点和中转点到终点,而我们要求的其实是中转点的数量,如果我们直接求一遍最短路(这样的话用的是普通bfs),中准点之间是an......
  • 代码随想录算法训练营第二十一天|530. 二叉搜索树的最小绝对差、
    【参考链接】530.二叉搜索树的最小绝对差【注意】1.二叉搜索树采用中序遍历,其实就是一个有序数组。2.使用双指针,更快。【代码】1#Definitionforabinarytreenode.2#classTreeNode(object):3#def__init__(self,val=0,left=None,right=None):4#......
  • C/C++学生成绩管理系统[2023-05-30]
    C/C++学生成绩管理系统[2023-05-30]学生成绩管理系统设计----高级语言课程设计题目问题描述:设学生信息包括:学号、姓名、期末成绩、平时成绩,对学生的学习成绩信息进行管理。设计要求:实现学生信息的录入、修改、插入、删除、查询、计算总评成绩、根据总评成绩排序和划分等级、......
  • solidworks笔记20230530
    教程文件位置在帮助中用activeX打开文件,然后点另存为,对话框出现后,复制路径,取消关闭对话框。将复制的路径保存到文件浏览器中。比如我的教程文件的位置是:C:\Users\Public\Documents\SOLIDWORKS\SOLIDWORKS2022\samples\tutorial\步路模板步路模板,就是装配体模板,和修改装配体......
  • 2023-05-30 前端h5页面如何实现调起微信支付功能(该回答来自chatgpt,实际效果未测试)
    前端H5页面调起微信支付功能需要结合微信JS-SDK和后端接口实现。以下是基本步骤和示例代码:1.获取微信公众号的appid和secret在微信公众平台上创建一个公众号,获取其对应的appid和secret。2.引入微信JS-SDK将微信JS-SDK的链接放入HTML文件的头部,例如:<scriptsrc="https://res.......
  • 代码随想录算法训练营第21天 | ● 530.二叉搜索树的最小绝对差 ● 501.二叉搜索树中
     第六章 二叉树part07今日内容    详细布置   530.二叉搜索树的最小绝对差  需要领悟一下二叉树遍历上双指针操作,优先掌握递归 题目链接/文章讲解:视频讲解:  501.二叉搜索树中的众数  和 530差不多双指针思路,不过 这里涉及到一个很巧妙的代码......
  • SSO2.0 10-20230529
                           ......