微信开发之公众号创建按钮

在登录此网站后,会得到如图所示的页面。
1
appID和appsecret是之后进行微信开发调用微信接口必须的信息。
接口配置信息是需要你服务器地址/项目名/servlet名(方法一:云服务器,方法二内网穿刺工具,我后续开发都是内网穿刺工具ngrok,教程下文见)
Token是随便填的。要配置成功,需要写一点代码。
JS接口安全域名填的是服务器地址去掉http://,是不能写http://这样的网站。

编码能力强的童鞋可以直接面向文档编程。
微信开发者文档

其他童鞋可以在B站看颜群老师的微信开发的课,有一说一,颜群老师的课是真的好,讲的知识比较全,最重要是幽默,听得会聚精会神。
课程地址
建议听一下,后续如果要用JS接口就可以自己写出代码了,流程都是那个流程,看文档就行。
如果心急的话,直接拿源码,是eclipse编写的。
链接:https://pan.baidu.com/s/1hGZtVMVhDI3s5W2gA7lipQ
提取码:5az5
复制这段内容后打开百度网盘手机App,操作更方便哦

内网穿刺工具是可以将自己的电脑变成一台可以随时随地被别人访问的服务器,前提是此工具是处于运行状态的。
ngrok的登录地址:登录网站
直接用免费隧道,毕竟网络精神的精髓是能白嫖就不用花钱。
natapp此内网穿刺工具免费的用户体验不好,他的网址会一直变化,到时候用着会很麻烦,ngrok生成本机地址是不会变的。

创建按钮的主函数:

package util;

import com.alibaba.fastjson.JSONObject;

import Service.WxService;
import entity.Button;
import entity.ClickButton;
import entity.ViewButton;

public class CreateMenu {
	public static void main(String[] args) {
		Button btn = new Button();
		btn.getButton().add(new ViewButton("进入考勤系统","https://open.weixin.qq.com/connect/oauth2/authorize?appid=你自己的appid&redirect_uri=你自己想要跳转的网站&response_type=code&scope=snsapi_userinfo#wechat_redirect"));
		JSONObject jsonObj = (JSONObject) JSONObject.toJSON(btn);
		System.out.println(jsonObj.toString());
		//地址
		String url = "https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN";
		url = url.replace("ACCESS_TOKEN",WxService.getAccessToken());
		Util util = new Util();
		String result = util.post(url,jsonObj.toString());
		System.out.println("创建菜单的结果:"+result);
	}
}

WxService.getAccessToken():

private static void getToken() {
		String url = Get_Token_Url.replace("APPID",appID).replace("APPSECRET",appsecret);
		String tokenStr = Util.get(url);
		System.out.println(tokenStr);
		JSONObject jsonObj = JSONObject.parseObject(tokenStr);
		String token = jsonObj.getString("access_token");
		String expireIn = jsonObj.getString("expires_in");
		at = new AccessToken(token,expireIn);
	}
	
	public static String getAccessToken() {
		if(at == null || at.isExpired()) {
			getToken();
		}
		return at.getAccessToken();
	}

util.post:

public static String post(String url,String data) {
		try {
			URL urlObj = new URL(url);
			URLConnection conn = urlObj.openConnection();
			conn.setDoOutput(true);
			OutputStream os = conn.getOutputStream();
			os.write(data.getBytes());
			os.close();
			InputStream is = conn.getInputStream();
			byte[] b = new byte[1024];
			int len;
			StringBuilder sb = new StringBuilder();
			while((len=is.read(b))!=-1) {
				sb.append(new String(b,0,len));
			}
			return sb.toString();
		}catch(Exception e) {
			e.printStackTrace();
		}
		return null;
	}
### 如何使用 UniApp 开发微信公众号 #### 准备工作 为了使开发顺利,在开始前需准备好必要的环境配置。确保已安装 HBuilderX 或其他支持 UniApp 的 IDE,并注册微信公众平台账号,完成相应认证流程。 #### 创建新项目 启动HBuilderX并新建一个基于Vue框架的UniApp应用模板作为基础架构[^2]。 #### 配置 OAuth2.0 登录功能 对于希望集成社交化分享或个性化服务的应用来说,通过OAuth协议来获取用户的公开资料是非常重要的一步。具体操作如下: - **设置回调页面域名**:进入微信公众平台后台管理界面中的“开发者中心”,按照指引设定合法的JS接口安全域名以及网页授权回调页域名为本地服务器地址或其他托管站点。 - **发起请求获得临时票据 (code)**:当用户访问带有特定参数链接时触发跳转至微信开放平台指定URL模式,该过程由前端负责构建携带必要字段(如appid、redirect_uri等)组成的GET请求发送给API网关;成功后浏览器会被重定向回预先定义好的路径同时附带`?code=CODE&state=STATE`形式查询字符串[^1]。 ```javascript // 示例代码片段用于展示如何处理返回的数据 const code = getUrlParam('code'); // 自定义函数解析URL参数提取Code值 if(code){ console.log(`Received authorization code:${code}`); }else{ alert("Failed to get the authorization code."); } ``` #### 调用微信 JSSDK 实现更多交互特性 除了基本的身份验证外,还可以借助于WeChat JS-SDK进一步增强用户体验,比如自定义菜单按钮样式、上传图片视频等内容共享行为。以下是简化的接入步骤概述[^4]: ##### 步骤一:引入依赖库 下载官方提供的 `jweixin-module` 插件包并将之添加到项目的根目录下,接着修改 `main.js` 文件以全局混入扩展方法以便后续调用。 ```bash npm install @dcloudio/uni-app-jweixin --save ``` ##### 步骤二:初始化 SDK 并注入权限签名 在每次加载含有Webview容器组件之前都需要向后端申请有效的ticket令牌用来签署当前页面所需使用的各项能力列表,之后再利用这些信息填充wx.config()选项从而激活对应的功能模块。 ```javascript import wx from 'jweixin-module'; export function initWxJsSdk(configData) { wx.config({ debug: false, appId: configData.appId, timestamp: configData.timestamp, nonceStr: configData.nonceStr, signature: configData.signature, jsApiList: ['chooseImage', 'uploadImage'] // 只填所需的接口名称即可 }); } ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值