関連する学習の推奨事項: WeChat ミニ プログラム チュートリアル

taro を使用してミニ プログラム プロジェクトを開発する場合は、次のようになります。ワンクリックで自動ビルドとリリースを効率的に実行できる taro-deploy を使用することをお勧めします。

なぜ taro-deploy を使用するのですか?

Taro ミニ プログラムの開発者は、次のような悩みを抱えていることがよくあります。コードを開発してテスト用に公開した後、次の一連の手順を実行する必要があります (Alipay と WeChat ミニ プログラム プラットフォームを例にします):

全工程で10分近くかかり、手動操作が必要なリンクも多く、非常に非効率な独自の公開方法と言えます。

taro-deploy は、この問題点を解決するために登場し、Alipay と WeChat が提供するコマンド ライン ツールを統合して、上記のプロセスを自動的に完了します。

taro-deploy を使用すると、開発者はテストを公開するときに 2 つの手順だけで済みます:

1. コマンド taro-deploy を 1 回実行します
2. 行ってお茶を飲みましょう

ビルドがリリースされるとすぐに、プロセス全体に手動で介入することなく、DingTalk はビルド結果のプッシュを受け取ります。

以下は、DingTalk プッシュ メッセージのスクリーンショットです。

リリースによって生成されたミニ プログラムの QR コードに加えて、プッシュ メッセージもビルド マシンに付属していることがわかります。 build ブランチ、プロジェクトの最新の git、コミット ログなど、パッケージ化情報がより明確になります。

注: 現在、git コミット ログには、feat および fix キーワードで始まる commit

のみが表示されます。使用？

あなたが行う場合

1. Taro フレームワークを使用して小規模なプログラムを開発する場合
2. WeChat および Alipay プラットフォームをサポートする必要がある場合
3. ビルドを自動化したい場合
4. DingTalk Office を使用します。開発とテストはすべて DingTalk グループ内にあります (これは必須ではありません。DingTalk を使用せずに taro-deploy を使用することもできますが、より多くの手動操作が必要です)

それなら、taro-deploy を使用するのが非常に適しています。 ＃＃＃＃＃＃使い方？

ステップ 1 - インストール

npm i -g taro-deploy复制代码

ステップ 2 - プラットフォーム関連の準備手順

1. WeChat: 公式ドキュメントを参照して秘密キーを準備します
ステップ 3 - DingTalk ロボットを作成します

公式ドキュメントを参照して DingTalk ロボットを作成します, セキュリティ設定の「カスタムキーワード」を選択し、「ミニプログラムの構築」を入力することを忘れないでください。

作成が完了すると、

の形式で Webhook URL を取得します。これは使用されます。後で。 ステップ 4 - 構成ファイルの準備

taro プロジェクトのルート ディレクトリにdeploy-config.js ファイルを作成し、次のテンプレートに従って内容を入力します。

ここで設定する必要がある内容はより重要であり、成否は一気に決まります

// deploy-config.js// 该文件应放在 Taro 项目的根目录下module.exports = {  // 构建结果的输出目录，该脚本产生的日志也会输出到这里
  outDir: './deploy-out',  // 微信相关配置
  weapp: {    // 如果为 false，则不会运行微信的构建流程
    enable: true,    // 这里填你们配置的 Taro 编译后微信程序包的输出路径
    projectPath: './dist/weapp',    // Step 2 里获得的私钥文件的存放路径
    keyPath: './weapp.key',    // 微信小程序 appId
    appId: 'wx82xxxxxx',    // 微信体验版图片地址
    // 与支付宝不同，不管上传多少个新版本，微信的体验版地址是一直不变的
    // 因此需要在这里配置该二维码图片的链接
    // 直接从微信公众平台上复制的体验版图片地址貌似无法在钉钉里正常展示
    // 建议转存到自己的 CDN 上，再将 cdn url 填到下面这里来
    qrcodeImageUrl: 'https://xxxcdn.con/image/weapp-exp-qrcode.jpg',    // 小程序版本号
    // 由于微信的命令行 sdk 不支持设置某个版本为体验版，要改设体验版需要在网页上手动操作
    // 所以只能曲线救国，先在网页上将本工具上传的版本设为体验版（找到 ci机器人1 上传的那个版本）
    // 然后每次上传都指定同一个版本号，以覆盖旧的版本，最终实现发布新体验版的效果
    version: '1.1.0',    // true 则将跳过编译阶段，即 taro build 命令，
    skipBuild: false,
  },  // 支付宝相关配置
  alipay: {    // 如果为 false，则不会运行支付宝的构建流程
    enable: true,    // 这里填你们配置的 Taro 编译后支付宝程序包的输出路径
    projectPath: './dist/alipay',    // Step 2 里获得的私钥文件的存放路径
    keyPath: './alipay.key',    // Step 2 里获得的 toolId
    toolId: 'f48xxx',    // 支付宝小程序 appId
    appId: '202xxx',    // true 则将跳过 taro build 命令，即编译阶段
    skipBuild: false,
  },  // 默认发体验版，填 false 则发布为预览版
  // 注意如果发布为预览版，需要实现 uploadImage 的函数，否则钉钉无法展示预览版的二维码
  isExperience: true,  // 是否在构建前运行 npm install
  npmInstall: false,  // 指定环境变量，会在编译阶段，即 taro build 的指令中注入指定的环境变量
  env: {    BUILD_ENV: 'test' // 仅作 demo，实际应填入你项目编译需要用的环境变量
  },  // Step 3 中获取的钉钉机器人 webhook url
  dingTalkUrl: 'https://oapi.dingtalk.com/robot/send?access_token=xxx',  // 如果你只需要构建发布体验版小程序，则可忽略以下函数
  // 如果你需要构建发布预览版小程序，则需要实现该函数，将本地二维码图片文件转换为图片链接，否则无法将预览版二维码推送到钉钉群里
  // 其中 objectName 形如 {platform}-{timestamp}.jpg，作为建议保存的文件名
  // filePath 为本地预览版二维码图片的路径
  uploadImage: async function(objectName, filePath) {    return ''
    // 如果你使用阿里云 oss 作 cdn，可以参考以下代码进行上传
    // const OSS = require('ali-oss')
    // const client = new OSS({
    //   region: 'oss-cn-xxx',
    //   accessKeyId: 'xxx',
    //   accessKeySecret: 'xxx',
    //   bucket: 'xxx',
    // })
    // await client.put(`preview/${objectName}`, filePath, {
    //   'Cache-Control': 'max-age=31536000'
    // })
    // return `https://xxx-oss-cdn.com/preview/${objectName}`
  }
}复制代码

ステップ 5 - taro-deployを実行します

# cd 到你们的项目并运行taro-deploy复制代码

そして DingTalk を待ちます ロボットがビルド結果をプッシュします

FAQ

Q: DingTalk Office を使用していませんが、taro-deploy をどのように使用できますか?

A: taro-deploy は現在、DingTalk メッセージのプッシュのみをサポートしています。それ以外の場合は、試用版の自動ビルド、アップロード、セットアップのみを完了できますが、最後のプッシュ ステップは完了できません。他の IM ツールをプッシュする必要がある場合は、自分で実装してみることもできます。また、PR を送信することも歓迎します。

Q: プレビュー版をリリースするときに、uploadImage 関数の実装が面倒なのはなぜですか?

A: Alipay と WeChat のプレビュー バージョンはローカル QR コード画像のみを生成するため、DingTalk メッセージにローカル QR コード画像を表示したい場合は、最初に画像を cdn にアップロードしてから Fill することしかできません。 cdn リンクを DingTalk メッセージ テンプレートに追加します。

Q: WeChat の試用版がリリースされた後も古いままなのはなぜですか?

A: WeChat Web コンソールで、「ci Robot 1」によってアップロードされたバージョンが試用版として設定されていることを確認してください。

Q: WeChat と Alipay のみをサポートしますか?

A: Taro は多くのプラットフォームをサポートしていますが、taro-deploy は現在、WeChat と Alipay の自動構築とリリースのみをサポートしています。

Q: ci robot 1 によってアップロードされたバージョンが見つかりませんでしたか?

A: まず taro-deploy を実行します。アップロードが完了すると、WeChat アプレット コンソール Web ページの「バージョン管理」メニューに表示されます。

Q: このツールにバグがある場合、ミニ プログラムがオンラインで誤動作する可能性がありますか?

A: taro-deploy は現在、プレビュー バージョンと試用版のリリースのみをサポートしており、実稼働バージョンのリリースはサポートしておらず、実稼働環境には影響しません。

Q: DingTalk プッシュ メッセージのコンテンツをカスタマイズしたいです。

A: 現在、非常に柔軟な DingTalk メッセージ テンプレート構成はありません。必要に応じて、このプロジェクトをフォークして、send-ding.js をカスタマイズできます。 file. 、PR投稿も歓迎です。

以上がtaro-deploy を使用して taro アプレットを自動的にビルドおよびリリースする方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。