uniapp+node.js(express框架)获取微信小程序的openid

简介: uniapp+node.js(express框架)获取微信小程序的openid

前端代码:

<template>
        <view class='other'>
            <view class='other-item' @tap='loginOther()'>
                <button>微信登录</button>
                <view></view>
            </view>
        </view>
</template>
<script>
  // 这里是引入请求本地的ip地址
import $http from '@/common/api/request.js'
export default{
    methods:{
        loginOther(){
            uni.login({
                success:(res)=>{
          let code=res.code;
          $http.request({
              url:"/login",
              method:"POST",
              data:{
                code
              },
          }).then((res)=>{
              console.log(res)
          }).catch(()=>{
              uni.showToast({
                  title:'请求失败',
                  icon:'none'
              })
          })
                }
            })
        }
    }
}
</script>
<style scoped>
</style>
请求代码(request.js):
export default{
    common:{//默认数据格式
        baseUrl:"http://本地ip地址或者你的服务器ip地址或者你服务器的域名:3000/api",
        data:{},
        header:{
            "Content-Type":"application/json",
            "Content-Type":"application/x-www-form-urlencoded"
        },
        method:"GET",
        dataType:"json"
    },
    request( options={} ){//options是默认值
        //这里是进行设置加载中给数据进行缓存一下
        uni.showLoading({
            title: '加载中'
        });
        options.url = this.common.baseUrl + options.url;
        options.data =     options.data || this.common.data;
        options.method = options.method || this.common.method;
        options.dataType =     options.dataType || this.common.dataType;
    return new Promise((res,rej)=>{
            uni.request({
                ...options,
                success: (result) => {
                    if(result.statusCode != 200){//处理其他接口没有数据而出现404报错的问题
                        return rej();
                    }
                    setTimeout(function () {
                        uni.hideLoading();
                    }, 0);//这是设置加载数据的显示时间
                    let data = result.data.data;
                    res(data);
                }
            })
        })
    }
}
后端node.js代码(express框架)
var express = require('express');
var router = express.Router();
//要记得下载这个包,npm install request
const request = require('request')
router.post('/api/login', function(req, res, next) {
  let code=req.body.code;//登陆传过来的code
 let appid = "自己的"; //自己小程序后台管理的appid,可登录小程序后台查看
 let mysecret = "自己的"; //小程序后台管理的secret,可登录小程序后台查看
 let grant_type = "authorization_code"; // 授权(必填)默认值
 //拼接出请求微信服务器的url地址然后请求oppenid和session_key
  let url ='https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + mysecret + '&js_code=' + code + '&grant_type=authorization_code';
      request(url,(error, response, body)=>{
        //JSON.parse()方法将JSON格式字符串转换为js对象
        let parsData = JSON.parse(body.toString());
        let openid=parsData.openid;
        let session_key=parsData.session_key;
        //返回前端是下面这个被注释的
        // res.send({
        //   data:parsData
        // })    
         })
})

module.exports = router;

这样子是可以完全请求出微信小程序的openid,目前我这样子做是有效的


相关文章
|
1月前
|
监控 前端开发 小程序
陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
这款APP通过技术创新,将代练、家政、娱乐社交等场景融合,打造“全能型生活服务生态圈”。以代练为切入点,提供模块化代码支持快速搭建平台,结合智能匹配与技能审核机制,拓展家政服务和商业管理功能。技术架构具备高安全性和扩展性,支持多业务复用,如押金冻结、录屏监控等功能跨领域应用。商业模式多元,包括交易抽成、增值服务及广告联名,同时设计跨领域积分体系提升用户粘性,实现生态共生与B端赋能。
107 11
|
27天前
|
前端开发 JavaScript NoSQL
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
|
6月前
|
设计模式 开发框架 JavaScript
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
150 0
|
4月前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
117 0
|
6月前
|
Web App开发 JSON JavaScript
Node.js 中的中间件机制与 Express 应用
Node.js 中的中间件机制与 Express 应用
|
6月前
|
人工智能 小程序 搜索推荐
uni app下开发AI运动小程序解决方案
本文介绍了在小程序中实现AI运动识别的解决方案。该方案依托于UNI平台,通过高效便捷的插件形式,实现包括相机抽帧控制、人体识别、姿态识别等在内的多项功能,无需依赖后台服务器,大幅提高识别效率和用户体验。方案内置多种运动模式,支持自定义扩展,适用于AI健身、云上赛事、AI体测等多场景,适合新开发和存量改造项目。
|
6月前
|
缓存 负载均衡 JavaScript
构建高效后端服务:Node.js与Express框架实践
在数字化时代的浪潮中,后端服务的重要性不言而喻。本文将通过深入浅出的方式介绍如何利用Node.js及其强大的Express框架来搭建一个高效的后端服务。我们将从零开始,逐步深入,不仅涉及基础的代码编写,更会探讨如何优化性能和处理高并发场景。无论你是后端新手还是希望提高现有技能的开发者,这篇文章都将为你提供宝贵的知识和启示。
|
6月前
|
JavaScript
使用node.js搭建一个express后端服务器
Express 是 Node.js 的一个库,用于搭建后端服务器。本文将指导你从零开始构建一个简易的 Express 服务器,包括项目初始化、代码编写、服务启动与项目结构优化。通过创建 handler 和 router 文件夹分离路由和处理逻辑,使项目更清晰易维护。最后,通过 Postman 测试确保服务正常运行。
319 1
|
6月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
133 0
在线课堂+工具组件小程序uniapp移动端源码
|
6月前
|
Web App开发 JavaScript 前端开发
探索后端开发:Node.js与Express的完美结合
【10月更文挑战第33天】本文将带领读者深入了解Node.js和Express的强强联手,通过实际案例揭示它们如何简化后端开发流程,提升应用性能。我们将一起探索这两个技术的核心概念、优势以及它们如何共同作用于现代Web开发中。准备好,让我们一起开启这场技术之旅!
134 0

热门文章

最新文章