WeChatパブリックプラットフォームのWebページ右上隅のメニューの表示と非表示の例

WeChatの公式jsapiは、WeChatウェブページの右上隅にあるメニューを制御するために使用されるインターフェース操作インターフェースを提供しています。WeChat公式ドキュメントのインターフェース操作インターフェースの説明を見てみましょう。

右上隅のメニューインターフェースを非表示にする

wx.hideOptionMenu();

右上隅にメニューインターフェースを表示する

wx.showOptionMenu();

現在のWebページウィンドウインターフェースを閉じる

wx.closeWindow();

ボタンインターフェイスの一括非表示

wx.hideMenuItems({
    menuList: [] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
});

機能ボタンインターフェイスを一括表示

wx.showMenuItems({
    menuList: [] // 要显示的菜单项，所有menu项见附录3
});

基本以外のボタンインターフェイスをすべて非表示

wx.hideAllNonBaseMenuItem();
// “基本类”按钮详见附录3

すべての機能ボタンインターフェイスを表示

りー

---

実装コードの手順

まず、JSP インターフェースで JS ライブラリを導入します

第二、之间的html代码

2 番目、

間の HTML コード🎜🎜🎜🎜🎜🎜

<center><h3 id="欢迎来到微信jsapi测试界面-V型知识库">欢迎来到微信jsapi测试界面-V型知识库</h3></center>
     
     <h3 id="界面操作接口">界面操作接口</h3><br>
      <span class="desc"  >隐藏右上角菜单接口</span><br>
      <button class="btn btn_primary" id="hideOptionMenu">hideOptionMenu</button><br>
      <span class="desc">显示右上角菜单接口</span><br>
      <button class="btn btn_primary" id="showOptionMenu">showOptionMenu</button><br>
      <span class="desc">关闭当前网页窗口接口</span><br>
      <button class="btn btn_primary" id="closeWindow">closeWindow</button><br>
      <span class="desc">批量隐藏功能按钮接口</span><br>
      <button class="btn btn_primary" id="hideMenuItems">hideMenuItems</button><br>
      <span class="desc">批量显示功能按钮接口</span><br>
      <button class="btn btn_primary" id="showMenuItems">showMenuItems</button><br>
      <span class="desc">隐藏所有非基础按钮接口</span><br>
      <button class="btn btn_primary" id="hideAllNonBaseMenuItem">hideAllNonBaseMenuItem</button><br>
      <span class="desc">显示所有功能按钮接口</span><br>
      <button class="btn btn_primary" id="showAllNonBaseMenuItem">showAllNonBaseMenuItem</button><br>

🎜🎜🎜🎜🎜🎜🎜🎜🎜 3 番目に、<script></script> の間に WeChat jsapi ライブラリを初期化し、🎜🎜🎜🎜🎜🎜🎜を追加します。 🎜🎜

第四、调用第二步button按钮的功能js代码，在wx.ready中添加

这些js方法注释已经写的很明白，每个方法对应一个button按钮功能

第五、完整的jsp页面代码，读者可直接复制运行

上記の jsp コードには 4 つのパラメータがあります。これらの 4 つのパラメータは、appId (必須、公式アカウントの一意の識別子)、タイムスタンプ (必須、生成) です。署名) タイムスタンプ)、 nonceStr (必須、署名を生成するためのランダムな文字列)、signature (必須、署名)、これら 4 つのパラメーターの生成方法がわからない読者は、このページの左上隅にあるメニューを確認してください。詳細な説明が記載されています。 , ここでは詳しく説明する必要はありません。

六番目、上記のコードを実行すると、効果は次のようになります

WeChatエントリインターフェースを開くと、関数が赤で示されています

クリックすると右上隅のメニューが非表示になり、その効果は以下のように

クリックすると右上隅のメニューボタンが表示され、効果は以下の通りです、よく見てくださいこんな機能もありますリンクをコピーしてモーメントに共有する

クリックしてバッチ機能ボタンを非表示にすると、右上隅のモーメントに共有とリンクをコピーする効果が消えていることがわかります。以下の通り

以上がWeChatパブリックプラットフォームのWebページ右上隅のメニューの表示と非表示の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。