WeChat ミニ プログラムの空白ページ リダイレクトの問題に対する解決策を共有する

この記事は主に、WeChat ミニ プログラムの空白ページ リダイレクトの解決策に関する関連情報を紹介します。必要な友達は参照してください

WeChat ミニ プログラムの空白ページ リダイレクトの解決策

まず、ミニ プログラムのエントリ ファイルがタブバーのホームページを直接ポイントしているように変更します。このとき、QR コードのスキャンで最初にホームページが閉じられず、2 回目にシーンに入るという問題が発生します。パラメータは onLoad プロセスを通じて解析されません。

公式説明: タブバー ジャンプ メソッド 以下に示すように、トリガーされるライフ サイクルは onLoad なしの onShow です。似たような方法が使えるのではないかと思い、早速実装してみました：

App.json 追加pages/index/index（エントリーファイル）、pages/home/home（タブバーページのホームページ）、pages/detail/detail（詳細ページ） ); pages/exclusive/exclusive

Index.js での onLoad 処理:

/**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  // 入口文件 决定进入哪个页面
  console.log('入口文件,参数scene,值detail%2C1127')
  var scene = options.scene; //扫码进入有此参数
　　var scene = decodeURIComponent(options.scene);
  if (scene) {
   //'scene=detail%2C1127' 分隔符, 测试时为 , 号；真机时为%2C 原因是url编码，但是使用decodeURI()解析不出来，所以走了兼容
   
   let info_arr = [];
   info_arr = scene.split(',');
   //console.log(info_arr)
   let _type = info_arr[0];
   let id = info_arr[1];
   if (_type == 'detail') {
    wx.redirectTo({ url: `../detail/detail?id=${id}`, })
   } else if (_type == 'exclusive') {
    wx.redirectTo({ url: `../exclusive/exclusive?id=${id}`, })
   }
  }else{
   wx.switchTab({
    url: '../home/home',
   })
  }
 },

この時点で、コードをスキャンしてから再度コードをスキャンするという問題は完全に解決されます。 -->ホームに到達できません-->詳細;

コードをスキャンします-->この時点でのインデックス (redirectTo)-->コードをもう一度スキャンします-->インデックス (redirectTo)--> ;詳細な問題; ホーム ページをスキップします

ホーム ページには大量のリクエストがあるため、redirectTo を使用するのは適切ではないため、この方法は妥協の選択と考えられます

以上がWeChat ミニ プログラムの空白ページ リダイレクトの問題に対する解決策を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。