[笔记]微信小程序开发《一》环境搭建 以及helloworld

简介: [笔记]微信小程序开发《一》环境搭建 以及helloworld

前期准备

注册账号

注册账号

安装工具

小程序id

注册阿里云域名 + 阿里云免费SSL证书

登录认证

开发文档

登录认证流程

配置SSL

本地使用java生成SSL

生成SSL

远端 配置SSL

springboot_tomcat_配置ssl

Ngork 内网穿透

ngork 配置https 内网穿透

内网映射 natapp/花生壳 ngork不行域名不被微信识别

中期开始开发程序

获得openId, sessionKey, unionId

获得miniProgram code

从微信开发工具中创建一个小程序,注意小程序每次启动都会得到不同的code

然后app.js中添加代码,打印res.code

console.log(“code”, res.code);

写通过coded获取openid的接口

//controller层
@RequestMapping(value = "/getOpenId", method = RequestMethod.GET)
public String getOepnId(@RequestParam(name = "code", required = true, defaultValue = "0")String code) {
    String openidJson = wechatService.codetoopenid(code);
    return openidJson;
}
//service层
public String codetoopenid(String code) {
   Map<String, String> data = new HashMap<String, String>();
   data.put("appid", GlobelConstant.WECHAT_APPID);
   data.put("secret", GlobelConstant.WECHAT_SECRET);
   data.put("js_code", code);
   data.put("grant_type", "authorization_code");
   String response = HttpUtil.doPost("https://api.weixin.qq.com/sns/jscode2session",data);
   System.out.println("Response was: " + response);
   JSONObject obj= JSON.parseObject(response);//将json字符串转换为json对
   System.out.println(obj);
   return obj.toString();
}

然后请求url测试

类似

https://localhost:9090/getOpenId?code=001YYL000HNA7L1gnq100pT5LS3YYL0F

打印出{“openid”:“oF4AJwsPdQraCbsbIKi22t8s2sUc”,“session_key”:“zxRHgMPQ6BkFCOndyknULg==”}

成功

用小程序测试看看

小程序 后端开发接口

登录流程开发

相关文章
|
1月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
536 7
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
653 1
|
3月前
|
小程序 JavaScript Java
微信小程序的后端开发需要使用什么语言?
【8月更文挑战第22天】微信小程序的后端开发需要使用什么语言?
738 65
|
1月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
116 7
ly~
|
2月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
81 6
|
1月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
207 1
|
1月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展,微信小程序凭借便捷的用户体验和强大的社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制,包括手机号码验证、微信登录、第三方登录及角色权限控制等方法,并强调了安全性、用户体验和合规性的重要性,帮助开发者更好地理解和应用这一关键技术。
71 5
|
1月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态,凭借便捷体验与社交传播能力,成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用,包括离线访问、后台运行、桌面图标及原生体验等方面,助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
62 5
|
1月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
632 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
1月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
358 0
下一篇
无影云桌面