Baidu ミニプログラムへの組み込みに関するヒントと、Baidu ミニプログラムの開発に関する経験の共有!

Baidu ミニプログラムの開発中に遭遇した問題を皆さんと共有できることを嬉しく思います。問題は 2 つあります。最初の部分は、ウェブマスターが遭遇する可能性のある運用上の問題であり、2 番目の部分は、プログラマーが開発中に遭遇する可能性のあるバグです。皆さんが独自の小さなプログラムをうまく開発できるようお手伝いできればと思います。

ウェブマスターが運用中に遭遇するいくつかの問題を以下に示します。ウェブマスターの運用部分で遭遇する問題を皆さんと共有します。

1. 名前の見直しの問題

当初は機械によるレビューだったようで、大量のジャンクミニプログラムが登場することになった。もちろん、現在ではこの問題は解決されていますが、名前の審査はより厳格になっています。たとえば、初期段階で他の人にレビューされたウェブサイトは、装飾ウェブサイトまたは家具ウェブサイトと呼ぶことができますが、自分自身を装飾家具ウェブサイトと呼ぶと、レビューを受けることはできません。しかし、名前に問題があり、予備審査を通過したミニプログラムの中には、最近になって修正のためにオフラインにせざるを得なくなったものもあるようだ。名前を決めるとき、私たちは頭を悩ませました。ブランド名の商標はなく、商標登録には 1 年以上かかるでしょう。結局、会社名の 2 文字を使用するしかなく、それでのみ審査に合格しました。名前の審査で問題に遭遇した他の友人は、会社名と業界用語を組み合わせて使用​​してみてください。

2. リクエストの法的ドメイン名を設定する

この場所には https サイトが必要であることがわかります。一部のウェブマスターは、https を見ると、短期的には現在のサイトに影響が出るのではないかと心配して落胆するかもしれません。ただし、ここで設定する必要があるドメイン名は、h5 サイトや PC サイトのドメイン名ではなく、管理権限を持つドメイン名です。したがって、ご心配のように https が現在のサイトに影響を与えるという問題はありません。ただし、この問題を心配しているウェブマスターは、現在のドメイン名に証明書をインストールする準備ができていない場合は、誤ってインストールしないように注意する必要があります。

3. URLマッピングの問題

現在のミニプログラムの要件によれば、ハードコードされていない限り、パラメータは 1 対 1 で対応する必要があるようです。

(例えば、ホームページはハードコードされて対応しています。) 1542.html など、一部の擬似静的ルールの最終パラメータを削除したサイトの場合、適応は非常に複雑です。ミニプログラムを 1 つずつ手動で調整する必要があります。プログラマーはおそらく、この要件は難しすぎてできないと言うでしょう。ただし、h5 サイトの URL を変更することも非現実的な問題です。一方、ウェブサイト構築会社に外注している一部のh5サイトの場合はさらに困難です。オペレーター、SEO、または管理者として、自分の h5 サイトにこの問題がないか確認するのが最善です。プロジェクトが開始されると、責任はあなたの肩にかかってきます。

4. h5 サイトに結合するか、結合しないか?

h5 サイトにバインドしなくても問題はありませんが、Web ベースで、検索に接続し、インデックスを作成し、ランク付けすることはできますが、h5 サイトの重みを継承することはできません。このバインディングとマッピングの適応はモバイル適応と同じであると大胆に推測します。適応は適応しないより間違いなく優れています。同時に、ウェブマスタープラットフォームの改訂と同様に、検索結果で元のh5リソースが置き換えられ、重み付け用の小さなプログラムが追加されます。

たとえば、h5 サイトが現在 2 ページ目にランクされている場合、ミニ プログラムに適応されている可能性があり、その重みを直接継承し、ミニ プログラムの重み付けによって、ホームページに直接上がります。しかし、h5サイトをバインドせず、ミニプログラムのみの場合、h5サイトを持っていて、新しく立ち上げたばかりであれば、もともとランク付けされないのに、ミニプログラムを追加すると、5ページ目かそれよりさらに後ろにランク付けされる可能性があります。これは、多くのウェブマスターがミニプログラムが含まれているがランク付けされていないと言う理由でもあるかもしれません。実際、ランキングがないわけではなく、与えられた重み付けでは、望む高さに到達できないのです。

したがって、私の個人的な経験と考えに基づいて、h5 サイトのバインディング適応を行うことを強くお勧めします。

しかし、別の観点から見ると、比較的重みのある古いサイトの場合は、当面は明確でないいくつかの点に注意する必要があります。結局のところ、ミニプログラムはh5にバインドされており、バインドを解除することはできません。 （例えば、私は今、クマの手アカウントのアイコンを削除したいと思っています。あまりにも醜いです）

ただし、サイトの容量が少なくトラフィックも少ない新しいサイトの場合は、バインドや適応を行う必要はありません。私の周囲には、サイトに縛られることなく独立したミニプログラムを作ることに非常に優れた仕事をしている同僚もいます。もちろん、これは個々のミニプログラムの質に大きく依存します。

5. コンポーネントの問題

開発プロセスでは、Baidu が提供するコンポーネントを使用すると白い画面の問題が頻繁に発生しますが、サードパーティのプラグインを使用すると白画面の問題は発生しません。そこで質問ですが、サードパーティのプラグインを使用すると速度が低下し、一部の複雑なサイトアプレットの読み込み速度はすでに非常に遅くなっています...公式がより多くのコンポーネントを提供し、ウェブマスターがいくつかの複雑な機能を適切に削除して、アプレットをシンプルでユーザーエクスペリエンスに役立つものにすることを願うしかありません。同時に、CDNが有効になっているサーバーに画像を配置するか、最初の画面の後の画像に遅延読み込みを使用することを強くお勧めします。結局のところ、最初の画面は1.5秒以内に読み込まれる必要があります。

6. ミニプログラム管理バックエンドの遅延問題

フリーズ、データの消失、データがタイムリーに表示されないなどの問題が発生しても慌てないでください。データが消失したときにページを更新するか、もう少しお待ちください。すべてうまくいきます。焦らないでください。 (Baidu ミニプログラムはまだ赤ちゃんです。あまり期待しすぎないでください!)

7. ランキングの問題

最近、同僚から、ミニプログラムを外注している一部のウェブサイト構築会社や最適化会社は、基本的に新規の注文を受け付けていないと聞きました。私はショックを受けました。ミニプログラムが熊張昊の足跡をこんなに早く追っているのでしょうか?!

もちろん、ミニプログラムは死んではいません。むしろ、常に最適化され、改善されています。ただ、これらの詐欺師は死んでしまったのです。

初期段階では、ミニプログラムに関わる人が比較的少なかった。また、トラフィックが偏っていたり、シングルカード検索が当時はあいまい一致ではなかったため、専門的な最適化機能を持たない多くのアウトソーシング会社は、自分のミニプログラムを数秒でランキングしてホームページに掲載できると主張していました。そして、数千から数万に及ぶ手数料を請求します。実際、彼らはテンプレートを使用して小さなプログラムを作成するだけです。これは、ソースコードを使用して Web サイトを構築するのと同じです。データや検索アクセスさえ提供されない可能性があります。彼らは 1 枚のカードと直接検索に頼ってユーザーを騙すだけです。

しかし、ミニプログラムのアップデートに伴い、ハリケーンアルゴリズムがこれらのテンプレートミニプログラムに打撃を与え、直接検索やシングルカード表示により、ミニプログラム自体の品質がますます注目されるようになりました。当然のことながら、これらのジャンクミニプログラムは人気がなくなり、詐欺師のトリックはもはや機能せず、彼らは新しい注文を受け入れる勇気がありませんでした。

しかし、Baidu Mini Programsの重みは現実であり、トラフィックの偏りは現実であり、端末内に分散された大量のトラフィックも現実です。それはどのようにプレイするかによって異なります。残念ながら、まだ多くのトラフィックを獲得しておらず、まだ一歩一歩学んでいるところです。

プログラマーが遭遇する可能性のあるバグや「超常現象」
さて、今から私たちのプログラマーが開発中に遭遇したバグや超自然的な出来事についてお話しします。同社のプログラマーがBaiduミニプログラムを開発していた当時、彼らはまだ類似の製品に触れていなかったため、問題を解決するには独自の調査に頼るか、WeChatミニプログラムに同様の問題があるかどうかをオンラインで検索することしかできませんでした。最後に、遭遇する可能性のあるより顕著な問題とその解決策を添付します。

1. ページは空白ですが、エラーメッセージは表示されません

ps: ウェブサイトの機能をミニプログラムに移植しているため、多くのスタイルがウェブサイトのスタイルに直接適用され、迅速な開発に便利です。ただし、多くのHTMLタグはシングルタグであり、ミニプログラムのタグは基本的にダブルタグであるため、最も一般的なものはimg> imageタグです。また、入力タグを書くときは、終了タグに特に注意する必要があります。終了タグを書かないと、ページは空白になりますが、明らかなエラーはありません。

2. 超自然現象

ミニプログラムを数ページ開発した後、プレビューできないことに気づきましたが、エラーは見つかりませんでした。急いでいたので、一時的に記録してここに置きます。

しかし、公開する時になって驚いたことに、公開できないことに気付きました。エラー メッセージは -> 公開エラー アップロードに失敗しました - 1:500-undefined でした。

いろいろな方法を試しましたが、このエラーはBaidu Mini Programに特有のようです。WeChat Mini Programも確認しましたが、同様の問題は見つかりませんでした。他の友達に聞いてみましたが、やはりダメでした。開発コミュニティでも同様の問題がありましたが、誰も答えてくれませんでした。

パッケージが大きすぎるかどうか再度確認し、いくつかのパッケージを削除して再試行しましたが、それでもエラーが発生しました。appIDを確認すると正常でした。数時間奮闘した後、まだ機能しなかったため、パッケージを梱包して家に持ち帰り、翌日の休憩中に引き続き試行して問題を見つける準備をしました。翌日、最新バージョンの開発ツールをコンピューターにダウンロードして公開したところ、正常に公開されました。開発ツールのバージョンの問題だと思いましたが、1日後、レビューに失敗しました。修正後にパッケージを再度受け取ろうとしたとき、問題が再発しました。今回は、最新の開発ツールでも自分のコンピューターでも、機能しませんでした。職場では会社のネットワークを使用し、自宅では自宅のネットワークを使用していたことが判明し、自分のホットスポットをオンにして公開を試みたところ、案の定、正常に公開されました。

この問題の原因はまだわかりません。Baidu のミニプログラムはリリース時に IP を制限しますか? Baidu がこの質問に回答してくれることを願っています。また、私が不注意で気づかなかった可能性もあります。同じ問題に遭遇した学生の皆さん、携帯電話を使用してコンピューターのホットスポットを開き、バッグを持ち運んでみてはいかがでしょうか...

3. テキストエリアコンポーネントの落とし穴に足を踏み入れる

このバグは必ずあるわけではありませんが、時々現れます。開発者ツールのプレースホルダー属性が無効に設定され、表示されません。携帯電話では時々侵入が発生し、入力ボックスのフォーカスが下に移動し、他のモジュールと重なります。元々入力したかった場所をクリックしても、入力フォーカスがここにはないため無効です。送信ボタンも元の場所にありますが、どこに移動したかわからないため、クリックしても無効です。この場所にあるものがすべて下に移動したということのはずです。解決策は、デフォルトのオーバーフロー属性を設定することです。問題は他にもあります。開発期間が短いため、他の問題はテストされていません。

4. 問題はまだ解決されていない

リッチテキストコンポーネントが文字列モードでテキストデータを解析すると、ページ上のすべてのデータが空白になり、エラーは報告されず、jsでデータを印刷できないため、この問題はまだ解決されていません。エラー情報がない問題は、特にミニプログラムを開発したことのない私のような初心者にとっては解決が困難です。時間の制約により、一時的にbdparseプラグインを使用してデータをレンダリングしていますが、プラグインがパフォーマンスを消費するため、ページのレンダリング速度に問題があるため、問題を見つけてネイティブコンポーネントを使用してデータをレンダリングしたいと考えています。

さらに、私たちのプログラマーの兄弟が私にあなたに伝えるように頼みました：何か問題に遭遇し、Baidu ミニプログラムに関連する回答が見つからない場合は、WeChat ミニプログラムを使用して同じ問題の解決策を試すことができます。これは役立つかもしれません。

確かに、ネイティブ開発のミニプログラムにはさまざまな問題がありますが、ミニプログラムはトレンドであり、ついていけないと淘汰される可能性もあります。皆さんも問題に遭遇したときに解決方法を見つけ、自分だけのミニプログラムをうまく立ち上げられることを願っています。