动态

详情 返回 返回

一套代碼打包多個微信小程序，一套代碼打包多個抖音小程序，有需要請到uniapp插件裏面下載享用 - 动态 详情

走過路過不要錯過，只説一遍，真的很好用，不好用你可以在評論裏面噴我、踩我

uniapp插件地址（https://ext.dcloud.net.cn/plugin?id=15196）

一套代碼打包多個微信小程序

一套代碼打包多個抖音小程序

簡介

此項目是用來免除手動替換小程序appid的煩惱。有些公司會在開發環境是一個appid，測試，準生產，生產又是另一個appid，避免我們每次手動填寫，打包構建，上傳的煩惱，最大作用是可以配合自動化構建工具Jenkins等使用

強大功能

抖音小程序

  • 1、可在本地使用例如：yarn run dyminci version=1.0.1 appid=dyAPPID1 buildenv=production，自動上傳，具體看下面的“dyMinCI.js文件使用命令”

  • 2、新增配合Jenkins自動將項目上傳到抖音開放平台功能，主要是利用了tt-ide-cli依賴，可參考（https://developer.open-douyin.com/docs/resource/zh-CN/mini-ap...）

    微信小程序

  • 1、可在本地使用例如：yarn run wxminci version=1.0.1 appid=wxAPPID1 buildenv=production，自動上傳，具體看下面的“wxMinCI.js文件使用命令”
  • 2、新增配合Jenkins自動將項目上傳到微信開放平台功能，主要是利用了miniprogram-ci依賴，可參考（https://developers.weixin.qq.com/miniprogram/dev/devtools/ci....）

安裝

  • Node.js 14.19.0以上
  • git
  • Visual Studio Code
  • yarn或者pnpm，因為安裝依賴差異問題，最好使用這兩種

啓動

  • 1、需要在vscode中的終端切換git終端才能執行成功（如下面的“開發步驟”所提示）
  • 2、執行 npm run start/pnpm run start/yarn run start
  • 3、根據終端提示上線箭頭選擇執行（如下面的“開發步驟”所提示）

dyMinCI.js文件使用命令

  • dyminci package.json裏面配置的命令行
  • version 要發佈的版本號，成功後會對應抖音開放平台
  • appid 需要發佈的小程序appid
  • buildenv 環境，暫無作用，看自己需要，如果要在dyMinCI.js文件做一些特殊處理，可以加上去
  • 例如：yarn run dyminci version=1.0.1 appid=dyAPPID1 buildenv=production

wxMinCI.js文件使用命令

  • wxminci package.json裏面配置的命令行
  • version 要發佈的版本號，成功後會對應微信公眾平台
  • appid 需要發佈的小程序appid
  • buildenv 環境，暫無作用，看自己需要，如果要在wxMinCI.js文件做一些特殊處理，可以加上去
  • 例如：yarn run wxminci version=1.0.1 appid=wxAPPID1 buildenv=production

開發步驟

在這裏插入圖片描述
在這裏插入圖片描述

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

結構

├── dist 構建後才會出現
|  ├── mp-toutiao 抖音小程序目錄
|  |  ├── dyAPPID1 抖音小程序appid
|  |  ├── dyAPPID2 抖音小程序appid
|  ├── mp-weixin 微信小程序目錄
|  |  ├── wxAPPID1 微信小程序appid
|  |  ├── wxAPPID2 微信小程序appid
├── node_modules
├── readme_img 截圖展示
├── src
|  ├── apps
|  |  ├── mp-toutiao 抖音小程序配置目錄
|  |  |  ├── dyname1.config.js 注意：dyname1是自定義的一個名稱，一般是將抖音小程序中文名轉成英文，與根目的run.mjs中的owner一定要對應上
|  |  |  ├── dyname2.config.js
|  |  ├── mp-weixin 微信小程序配置目錄
|  |  |  ├── wxname1.config.js
|  |  |  ├── wxname2.config.js
|  ├── config 小程序配置（本地）
|  ├── pages
|  |  ├── index
|  |  |  ├── index
|  ├── App.vue  
|  ├── main.js  入口 js 文件
|  ├── manifest.json
|  ├── pages.json 頁面路由配置文件
|  ├── uni.scss
├── uploadSecret
|  ├── private.wxAPPID1.key  微信小程序的私有key文件存儲路徑（需要在公眾平台後台下載【開發-開發管理-開發設置-小程序代碼上傳-小程序代碼上傳密鑰】）,注意：wxAPPID1是小程序的appid，從公眾平台後台下載自動生成的，不允許改動，wxMinCI.js文件中是動態引入的
├── .gitignore
├── dyMinCI.js 自動上傳抖音小程序代碼到抖音開放平台的腳本，可在使用命令使用，也可配合Jenkins
├── LICENSE
├── package.json
├── postcss.config.js 
├── README.md
├── run.mjs 整個項目的核心文件，運行配置都在裏面
├── vue.config.js
├── wxMinCI 自動上傳微信小程序代碼到公眾平台後台的腳本，可在使用命令使用，也可配合Jenkins
└── yarn.lock
前端 , uniapp , 前端工程化 , 小程序 , vue.js
点赞

Add a new 评论

Some HTML is okay.