当前位置:   article > 正文

微信小程序测试号菜单栏设置全流程_微信小程序测试号如何设置菜单栏

微信小程序测试号如何设置菜单栏

1、登录微信公众号后台。

左边栏最下面找到开发-->开发者工具-->选择公众平台测试号

2、进入测试号管理

3、接口配置信息

安装natapp:

具体参考http://blog.csdn.net/xunxianren007/article/details/54954520, 这个网址里详细介绍了win/Mac/Linux下安装步骤

解压缩到目录D:\\natapp

直接双击打开失败,需要配置环境变量,编辑环境变量Path

打开cmd, 执行命令 natapp, 显示认证错误

image.png

这个时候是需要token认证的, 所以我们的主要工作就是如何获得authtoken

https://natapp.cn 进入 配置隧道以及域名,目的在于将域名映射到本地地址以及端口号(127.0.0.1)

本地启动natapp 


复制authtoken, cmd进入natapp目录执行 natapp -authtoken yourauthtoken 出现下图即为成功

接下来新建一个springboot项目

controller层

  1. @Controller
  2. public class IndexController {
  3. @RequestMapping("/index")
  4. public String index(){
  5. return "hello";
  6. }
  7. }

hello.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Title</title>
  6. <link rel="stylesheet" href="test.css" type="text/css" />
  7. </head>
  8. <body>
  9. <h1>Hello World</h1>
  10. </body>
  11. </html>

启动项目后,用域名访问 出现Hello World

 

接下来配置接口配置信息,TestController

  1. package com.cn21.guard.controller;
  2. import org.springframework.web.bind.annotation.GetMapping;
  3. import org.springframework.web.bind.annotation.RequestParam;
  4. import org.springframework.web.bind.annotation.RestController;
  5. import java.security.MessageDigest;
  6. import java.security.NoSuchAlgorithmException;
  7. import java.util.Arrays;
  8. @RestController
  9. public class TestController {
  10. private String TOKEN = "good";
  11. @GetMapping("/sell/test")
  12. public String test(@RequestParam("signature") String signature,
  13. @RequestParam("timestamp") String timestamp,
  14. @RequestParam("nonce") String nonce,
  15. @RequestParam("echostr") String echostr) {
  16. //排序
  17. String sortString = sort(TOKEN, timestamp, nonce);
  18. //加密
  19. String myString = sha1(sortString);
  20. //校验
  21. if (myString != null && myString != "" && myString.equals(signature)) {
  22. System.out.println("签名校验通过");
  23. //如果检验成功原样返回echostr,微信服务器接收到此输出,才会确认检验完成。
  24. return echostr;
  25. } else {
  26. System.out.println("签名校验失败");
  27. return "";
  28. }
  29. }
  30. public String sort(String token, String timestamp, String nonce) {
  31. String[] strArray = {token, timestamp, nonce};
  32. Arrays.sort(strArray);
  33. StringBuilder sb = new StringBuilder();
  34. for (String str : strArray) {
  35. sb.append(str);
  36. }
  37. return sb.toString();
  38. }
  39. public String sha1(String str) {
  40. try {
  41. MessageDigest digest = MessageDigest.getInstance("SHA-1");
  42. digest.update(str.getBytes());
  43. byte messageDigest[] = digest.digest();
  44. // Create Hex String
  45. StringBuffer hexString = new StringBuffer();
  46. // 字节数组转换为 十六进制 数
  47. for (int i = 0; i < messageDigest.length; i++) {
  48. String shaHex = Integer.toHexString(messageDigest[i] & 0xFF);
  49. if (shaHex.length() < 2) {
  50. hexString.append(0);
  51. }
  52. hexString.append(shaHex);
  53. }
  54. return hexString.toString();
  55. } catch (NoSuchAlgorithmException e) {
  56. e.printStackTrace();
  57. }
  58. return "";
  59. }
  60. }

填入token以及url,启动项目,配置成功 

 

菜单栏设置:

1、获取access_tojen

2、设置菜单栏接口

 

1、获取access_token

请求地址:https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
将该地址直接复制到postman中,设置grant_type、appid、secret参数值。

 

2、设置菜单栏接口

详情可见https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183 自定义菜单

选择请求地址以及参数

接口调用请求说明

http请求方式:POST(请使用https协议) https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN

 json格式数据如下,在params中需要附带参数access_token 

  1. {
  2. "button": [
  3. {
  4. "type": "view",
  5. "name": "zoutt测试",
  6. "key": "evaluation_0011",
  7. "url": "https://www.baidu.com"
  8. },
  9. {
  10. "type": "view",
  11. "name": "天翼守护详情",
  12. "key": "evaluation_0021",
  13. "url": "https://www.baidu.com"
  14. },
  15. {
  16. "name": "我的服务",
  17. "sub_button": [
  18. {
  19. "type": "view",
  20. "name": "个人中心",
  21. "url": "https://www.baidu.com"
  22. },
  23. {
  24. "type": "view",
  25. "name": "服务订购",
  26. "url": "https://www.baidu.com"
  27. },
  28. {
  29. "type": "view",
  30. "name": "监控中心",
  31. "url": "https://www.baidu.com"
  32. },
  33. {
  34. "type": "view",
  35. "name": "数据分析",
  36. "url": "https://www.baidu.com"
  37. }
  38. ]
  39. }
  40. ]
  41. }

返回结果

查看公众号

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/喵喵爱编程/article/detail/787983
推荐阅读
相关标签
  

闽ICP备14008679号