この記事では、小規(guī)模なプログラム開発における実踐的な知識を要約して共有します。皆様のお役に立てれば幸いです。

#ミニ プログラムのレンダリング原理を理解する

バックグラウンド

Web 開発では、js がシングルスレッドであるため、スクリプトが長時間実行され、ページの応答が失われることがあります。 現在、ページをレンダリングするには次の 3 つの方法があります。

純粋なクライアント側ネイティブ テクノロジ レンダリング
• 純粋な Web テクノロジ レンダリング
• ハイブリッド レンダリング、つまり、次の 3 つの方法を組み合わせたものです。 Web およびネイティブ レンダリング方法

ミニ プログラムでは、ハイブリッド レンダリング方法が選択され、ロジック層とビュー層が分離され、デュアル スレッドで実行されます。WebView は、インターフェイスのレンダリングに使用されます。ビュー層とロジック層は JSCore で実行されます。

ミニ プログラムのデュアル スレッド モデル:

ロジック層: JavaScript を実行する別のスレッドを作成します。ミニ プログラムのビジネス ロジックに関連するすべてのコードがここで実行され、責任を負います。ロジック処理、データ要求、インターフェイス呼び出し用。
• View レイヤー: インターフェイスのレンダリングは webView スレッドで実行され、どのインターフェイスはロジック レイヤー コードを通じて制御されます
• jsBridge: 小さなプログラムが API を通じてネイティブ関數を使用できるようにします

appId、uniId、openId の関係を本當に理解していますか

openID

openID は、WeChat パブリック プラットフォームによってユーザーに均一に割り當てられます。ご存知のとおり、WeChat ミニ プログラムと WeChat パブリック アカウントは WeChat パブリック プラットフォーム上で維持されます。ユーザーを區(qū)別するために、各パブリック アカウントとミニプログラムは各ユーザーに一意の ID を提供します。各ユーザーは一意の openID

#UnionID

UnionID を生成します。UnionID は WeChat に割り當てられる ID です。 WeChatオープンプラットフォームによるユーザー。 同じオープン プラットフォーム下のアプリケーションの場合、WeChat ユーザーは一意の UnionID を持ちます。

例: あなたの會社には、ミニ プログラム A と WeChat 公式アカウント B の 2 つのアプリケーションがあります。A と B のユーザー情報が必要です。オープンすると、2 つのアプリケーション A と B を同じオープン プラットフォームにバインドできます。WeChat オープン プラットフォームは、WeChat ユーザーに対して一意の UnionID を生成します。承認されたログインと登録の後、UnionID はユーザー テーブルに保存され、將來的には、同じオープン プラットフォームから開かれるようになります。プラットフォーム下の他のアプリケーションがログインして UnionID を取得することを許可された後、ユーザー情報

# を直接返すことができます。 ##AppID

AppID は、さまざまなアプリケーションの一意の識別子です。

例: あなたの會社には、1 つのミニ プログラム、1 つの公式アカウント、2 つのアプリケーションがあります。AppIdは、これら 2 つのアプリケーションの一意の識別子です

ミニ プログラムのジャンプ能力を要約して、リーダーシップを発揮できるようにしてください。

#今日、友人が私に愚癡をこぼしました。彼は現在中小企業(yè)で働いているとのことでした。上司たちは會議室で會議をしています。 . 大ボスがミニプログラムジャンプについて質問です。自分がどの部分を擔當しているのか分からないリーダーAが出てきて、最初に運用保守のことを聞き、次にバックエンドのJavaのことを聞いてきました。 Java の上司は、これはフロントエンドのカテゴリに屬し、より明確であると言いました。これを聞いたリーダー A は、「フロントエンドに何がわかっているのですか?」と直接言い、會議室に入り、上司にフィードバックしました。 . 誰も知りませんでした。彼は以前、彼らの會社のフロントエンドの地位が低いと私に言いました。これは本當に低いです。

h5 Jump Mini Program

製品: Xiaoyang , 公式アカウントは、このボタンをクリックして特定のアプレットにジャンプする必要があります。この関數は実裝する必要があります。

要件が揃ったので、計畫を始めましょう

オプション 1: ボタンをクリックして、ポップ音を鳴らします。?ポップアップボックスにQRコードを入れてください。ユーザーを長押しして

操作プロセス フィールドを特定するように誘導します。ユーザーのコンバージョン率は低く、ほとんどのユーザーは基本的に操作するのが面倒です

• • オプション 2: を使用します。 WeChat のオープン ラベル wx -open-launch-weapp
  合法かつ準拠したミニ プログラムにジャンプできます (この機能には後でさらに制限がかかると思います)
• • ## 合格 製品と話し合った後、2 番目のオプションの方が適切です。開始手順:
手順:

認定サービス アカウント、サービス アカウントをバインドします。 「js インターフェイス セキュリティ ドメイン名」の下にある Web ページは、このタグを使用して法的かつ準拠したミニ プログラムにジャンプできます

js ファイルの紹介 https://res.wx.qq.com/open/js/ jweixin-1.6.0.js

設定インターフェイスを介して権限設定を挿入し、openTagList フィールドを介して必要なオープン タグを適用します

• wx.config({
    debug: false,
    appId: '',   // 公眾號唯一標識
    timestamp: '',  // 生成簽名的時間戳
    nonceStr: '',   // 生成簽名的隨機串
    signature: '',  // 簽名
    jsApiList: ["wx-open-launch-weapp"],
    openTagList: ["wx-open-launch-weapp"] // 微信開放標簽 小程序跳轉按鈕：<wx-open-launch-weapp>
  });
  // 通過ready處理成功驗證
  wx.ready(function () {
    console.log(&#39;ready&#39;)
  
  })
  // 處理失敗驗證
  wx.error(function(error) {
    console.error("err", error);
  });
  
  <wx-open-launch-weapp
    id="launch-btn"
    username="gh_xxxxxxxx"
    path="pages/home/index?user=123&action=abc"
  >
    <script type="text/wxtag-template">
      <style>.btn { padding: 12px }</style>
      <button class="btn">打開小程序</button>
    </script>
  </wx-open-launch-weapp>

WeChat カスタマー サービス メッセージジャンプ アプレット リンクが含まれています

文本內容....<a href=&#39;&#39; data-miniprogram-appid=&#39;{{appid}}&#39; data-miniprogram-path=&#39;pages/index/index&#39;>點擊跳小程序</a>

• data-miniprogram-appid填寫小程序鏈接，表示跳轉小程序
• data-miniprogram-path 小程序路徑，可帶參數
• 公眾號必須和小程序相關聯
• 鏈接中的各個屬性值必須使用單引號

小程序跳轉小程序

wx.navigateToMiniProgram({
    envVersion: 'release', // 要打開的小程序版本，develop: 開發(fā)版，trial：體驗版，release：正式版。僅在當前小程序為開發(fā)版或體驗版時此參數有效。
    appId: ’‘, // 跳轉appid
    path: ’‘  //  跳轉路徑
})

• 需要用戶手動觸發(fā)
• 需要用戶確認跳轉

【相關學習推薦：小程序開發(fā)教程】

以上が小規(guī)模なプログラム開発における実踐的な知識を要約して共有するの詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。