WeChat public platform development (8) Custom menu function development_PHP tutorial

WeChat public platform service account and subscription account that have successfully applied for internal beta qualification before have the function of customizing menus. Developers can use this function to add a custom menu to the bottom of the public account's conversation interface. Users can click on the options in the menu to bring up the corresponding reply information or web link. The customized menu interface will provide more possibilities for the information display space of public accounts. This article will make a simple development application for custom menus,

After developers obtain the usage voucher, they can use the voucher to create, query, and delete the custom menu of the public account. The custom menu interface can implement the following types of buttons:

click (click event):

view (visit web page):

After creating a custom menu, it will take 24 hours for the WeChat client to display it due to WeChat client caching. It is recommended that when testing, you can try to unfollow the public account and follow it again, and you can see the effect after creation.

Document address: http://mp.weixin.qq.com/wiki/index.php?title=%E8%87%AA%E5%AE%9A%E4%B9%89%E8%8F%9C %E5%8D%95%E6%8E%A5%E5%8F%A3

3.1 Get appid and appsecret

Find the appid and appsecret in WeChat Public Platform > Advanced Functions > Development Mode.

3.2 Use appid and appsecret to request access_token from WeChat credential acquisition interface

Request address: https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

Request parameter description:

Get access_token and fill in client_credential

Unique credentials for third-party users

Third-party user unique credential key, appsecret

Return instructions:

Correct Json return result:

{"access_token":"ACCESS_TOKEN","expires_in":7200}

Return parameter description:

access_token: obtained certificate

expires_in: voucher validity time, unit: seconds

3.3 Specific implementation

a. Print out the format

<?<span php

</span><span $APPID</span>="wxdxxxxxxxxxxxxxxx"<span ;
</span><span $APPSECRET</span>="96xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"<span ;

</span><span $TOKEN_URL</span>="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".<span $APPID</span>."&secret=".<span $APPSECRET</span><span ;

</span><span $json</span>=<span file_get_contents</span>(<span $TOKEN_URL</span><span );
</span><span $result</span>=json_decode(<span $json</span>,<span true</span><span );
</span><span print_r</span>(<span $result</span><span );

</span>?>

The results are as follows:

b. Get access_token

<?<span php

</span><span $APPID</span>="wxdxxxxxxxxxxxxxxx"<span ;
</span><span $APPSECRET</span>="96xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"<span ;

</span><span $TOKEN_URL</span>="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".<span $APPID</span>."&secret=".<span $APPSECRET</span><span ;

</span><span $json</span>=<span file_get_contents</span>(<span $TOKEN_URL</span><span );
</span><span $result</span>=json_decode(<span $json</span>,<span true</span><span );

</span><span $ACC_TOKEN</span>=<span $result</span>['access_token'<span ];

</span><span echo</span> <span $ACC_TOKEN</span><span ;

</span>?>

Note: access_token corresponds to the official account and is a globally unique ticket. Repeated acquisition will cause the last access_token to become invalid.

Method: POST a specific structure to create a custom menu on the WeChat client.

Request address: https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN

<span {
 "button":[
 {
       "name":"公共查询",
       "sub_button":[
        {
           "type":"click",
           "name":"天气查询",
           "key":"tianQi"
        },
        {
           "type":"click",
           "name":"公交查询",
           "key":"gongJiao"
        },
        {
           "type":"click",
           "name":"翻译",
           "key":"fanYi"
        }]
  },
  {
       "name":"苏州本地",
       "sub_button":[
        {
           "type":"click",
           "name":"爱上苏州",
           "key":"loveSuzhou"
        },
        {
           "type":"click",
           "name":"苏州景点",
           "key":"suzhouScenic"
        },
        {
           "type":"click",
           "name":"苏州美食",
           "key":"suzhouFood"
        },
        {
           "type":"click",
           "name":"住在苏州",
           "key":"liveSuzhou"
        }]
   },
   {
       "type":"click",
       "name":"联系我们",
       "key":"lianxiUs"
   }]
}</span>

Example description:

Menu structure and description:

<span {
 "button":[             //button定义该结构为一个菜单
  {
       "name":"分支主菜单名",　　
       "sub_button":[　　　　//sub_button定义子菜单
        {
           "type":"click",　　//按钮类型
           "name":"分支子菜单名1",　　//菜单名称
           "key":"loveSuzhou"　　//菜单key值
        },
        {
           "type":"click",
           "name":"分支子菜单名2",
           "key":"liveSuzhou"
        }]
   },　　　　//菜单之间用 , 分隔
   {
       "type":"click",
       "name":"独立菜单",
       "key":"lianxiUs"
   }]
}</span>

Return instructions:

Correct Json return result:

{"errcode":0,"errmsg":"ok"}

Submit menu:

Submit the above menu data through curl, the code is as follows:

<span $MENU_URL</span>="https://api.weixin.qq.com/cgi-bin/menu/create?access_token=".<span $ACC_TOKEN</span><span ;

</span><span $ch</span> =<span  curl_init(); 

curl_setopt(</span><span $ch</span>, CURLOPT_URL, <span $MENU_URL</span><span ); 
curl_setopt(</span><span $ch</span>, CURLOPT_CUSTOMREQUEST, "POST"<span );
curl_setopt(</span><span $ch</span>, CURLOPT_SSL_VERIFYPEER, <span FALSE</span><span ); 
curl_setopt(</span><span $ch</span>, CURLOPT_SSL_VERIFYHOST, <span FALSE</span><span );
curl_setopt(</span><span $ch</span>, CURLOPT_USERAGENT, 'Mozilla/5.0 (compatible; MSIE 5.01; Windows NT 5.0)'<span );
curl_setopt(</span><span $ch</span>, CURLOPT_FOLLOWLOCATION, 1<span );
curl_setopt(</span><span $ch</span>, CURLOPT_AUTOREFERER, 1<span ); 
curl_setopt(</span><span $ch</span>, CURLOPT_POSTFIELDS, <span $data</span><span );
curl_setopt(</span><span $ch</span>, CURLOPT_RETURNTRANSFER, <span true</span><span ); 

</span><span $info</span> = curl_exec(<span $ch</span><span );

</span><span if</span> (curl_errno(<span $ch</span><span )) {
    </span><span echo</span> 'Errno'.curl_error(<span $ch</span><span );
}

curl_close(</span><span $ch</span><span );

</span><span var_dump</span>(<span $info</span>);

Run result:

Test results:

Menu created successfully.

Query the currently used custom menu structure.

Request address: https://api.weixin.qq.com/cgi-bin/menu/get?access_token=ACCESS_TOKEN

The curl code is as follows:

<span $MENU_URL</span>="https://api.weixin.qq.com/cgi-bin/menu/get?access_token=".<span $ACC_TOKEN</span><span ;

</span><span $cu</span> =<span  curl_init();
curl_setopt(</span><span $cu</span>, CURLOPT_URL, <span $MENU_URL</span><span );
curl_setopt(</span><span $cu</span>, CURLOPT_RETURNTRANSFER, 1<span );
</span><span $menu_json</span> = curl_exec(<span $cu</span><span );
</span><span $menu</span> = json_decode(<span $menu_json</span><span );
curl_close(</span><span $cu</span><span );

</span><span echo</span> <span $menu_json</span>;

Cancel the currently used custom menu.

Request address: https://api.weixin.qq.com/cgi-bin/menu/delete?access_token=ACCESS_TOKEN

The curl code is as follows:

<span $MENU_URL</span>="https://api.weixin.qq.com/cgi-bin/menu/delete?access_token=".<span $ACC_TOKEN</span><span ;

</span><span $cu</span> =<span  curl_init();
curl_setopt(</span><span $cu</span>, CURLOPT_URL, <span $MENU_URL</span><span );
curl_setopt(</span><span $cu</span>, CURLOPT_RETURNTRANSFER, 1<span );
</span><span $info</span> = curl_exec(<span $cu</span><span );
</span><span $res</span> = json_decode(<span $info</span><span );
curl_close(</span><span $cu</span><span );

</span><span if</span>(<span $res</span>->errcode == "0"<span ){
    </span><span echo</span> "菜单删除成功"<span ;
}</span><span else</span><span {
    </span><span echo</span> "菜单删除失败"<span ;
}</span>

Run result:

Test results:

Menu deleted successfully.

7. Obtain the complete code

Please go to QQ group 213260412 to share to download and use.

8. Pay attention

Please follow Zhuojin Suzhou WeChat public account, Zhuojin Suzhou is developed based on SAE platform and is targeted at mainstream WeChat functions Conduct development testing.

You can follow the Zhuojin Suzhou public account to conduct functional testing and obtain new application development.

1. Log in to the WeChat client, friends -> add friends -> search number -> zhuojinsz, find and follow.

2. Scan the QR code:

Zhuojin SuzhouMenu function:

Currently, the specific functions of the menu are still under development and will be updated gradually, so stay tuned. . .

---

We Believe, Great People Share Knowledge...

http://www.bkjia.com/PHPjc/440160.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/440160.htmlTechArticleWeChat public platform service accounts and subscription accounts that have successfully applied for internal testing qualifications have the function of customizing menus. Developers can use this feature to add...