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,目前我这样子做是有效的


相关文章
|
17天前
|
存储 缓存 JavaScript
构建高效后端服务:Node.js与Express框架的实战应用
【8月更文挑战第2天】在数字化时代的浪潮中,后端服务的构建成为了软件开发的核心。本文将深入探讨如何利用Node.js和Express框架搭建一个高效、可扩展的后端服务。我们将通过实际代码示例,展示从零开始创建一个RESTful API的全过程,包括路由设置、中间件使用以及数据库连接等关键步骤。此外,文章还将触及性能优化和安全性考量,旨在为读者提供一套完整的后端开发解决方案。让我们一同走进Node.js和Express的世界,探索它们如何助力现代Web应用的开发。
|
15天前
|
JavaScript 前端开发 测试技术
Node.js新手框架推荐
【8月更文挑战第4天】Node.js新手框架推荐
26 3
|
15天前
|
弹性计算 JavaScript 中间件
构建高效后端服务:使用Node.js和Express框架
【8月更文挑战第4天】本文将通过一个实际案例,详细介绍如何使用Node.js和Express框架快速构建一个高效、可扩展的后端服务。我们将从项目初始化开始,逐步实现RESTful API接口,并介绍如何利用中间件优化请求处理流程。最后,我们将展示如何部署应用到云服务器上,确保其高可用性和可扩展性。
|
4天前
|
JavaScript 前端开发 Ubuntu
如何在 VPS 上安装 Express(Node.js 框架)并设置 Socket.io
如何在 VPS 上安装 Express(Node.js 框架)并设置 Socket.io
10 0
|
4天前
|
小程序 JavaScript
|
8天前
|
设计模式 JavaScript 前端开发
现代JavaScript框架比较:React、Vue和Angular
在现代Web开发中,JavaScript框架已成为开发高效、动态用户界面的关键工具。本文将深入比较三大主流框架:React、Vue和Angular。通过探讨它们的核心特性、优缺点和适用场景,帮助开发者根据项目需求选择最合适的框架。重点分析包括性能、学习曲线、社区支持和生态系统等方面,以便开发者能够做出明智的决策,优化开发流程并提升应用性能。
|
10天前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
3月前
|
开发框架 JSON JavaScript
Node.js教程-express框架
Node.js教程-express框架
58 1
|
3月前
|
存储 JavaScript 数据库
nodejs中express框架实现增删改查接口
nodejs中express框架实现增删改查接口
|
11月前
|
JSON JavaScript 中间件
node.js中Express框架路由,中间件
node.js中Express框架路由,中间件

热门文章

最新文章