【NextJS+微信登录】为了套路小姐姐的闺蜜,我简单做了个微信登录,结果。。。😭

7,230 阅读2分钟

事情是这样的

“单身狗”,“母胎SOLO”,“钢铁直男”,这些标签仿佛印刻在我的身上,我一直以为女人就是影响我把剑🗡的速度。

没想到!!!

我也会有一天被一个女孩挑拨到我的三叉神经。

金馆长熊猫00054-直男又咋了喝水呀.jpg

就在昨天,我躺在我的狗窝刷手机📱,看到一张同事和她闺蜜的合照,哇靠,不得了,她那个闺蜜。

一下子,我连我们葬在哪里我都想好了。

不行,这次我一定要使我的浑身解数,那个女孩,必须要由我来守护。

金馆长熊猫00131-你们完蛋了我出来了.gif

说干就干

既然决定要套露出蜜的微信,那么就要神不知鬼不觉。

思路:做一个微信登录的页面,让她发给她闺蜜扫,从而获得闺蜜的微信,我真的是天才!!!

说干就干,用我擅长的NextJS开搞。

原理

NextJS是全栈的框架,自带后端功能。这样我就可以省掉了再做个服务器的麻烦,而且我之前做过公众号的微信登录,那么一切的一切都有了,只剩东风😎。

image.png

这就是我的战略部署,完美!

看的懂吗,看不懂没关系,我把我的计划和大家说。

我们先使用NextJS新建一个页面,然后先获取登录二维码,例如我们公众号的获取二维码接口是/api/getWxQrCode


// something
 const data = await get(
  `api/getWxQrCode`
);

// 创建一个可以登录的二维码
createQrCode(data.ticket)

网页上就会产生一个可以扫描的二维码,然后等别人扫码。

import { NextResponse, NextRequest } from 'next/server';

export async function POST(request: NextRequest) {
  const result = await request.json();

  const qrCode = await prisma.verificationWxQrCode.findUnique({
    where: {
      identifier: result.ticket,
    },
  });

// 漂亮闺蜜的微信
console.log(result.openId)

扫码之后最终我们的公众号开发会向我们NextJS发送一个请求,我们就这样 NENG 一下。

image.png

经过一系列的运作之后,我们可以成功的获得微信。

可以可以,然后我们就简单的包装一下,用TailWindcss随便弄个像模像样的登录页面。

image.png

哼,这波不成功,便成仁。

最后的结局

最后那肯定是拿到了美女的微信啦。

而且这次我终于成功了。

啊吗,我得左啦!

image.png

🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹 🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹 🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹

感言

最近有好长一段时间都没有写技术文章了,主要是动力不够,加上在琢磨自己的事业,就更加没时间写了。

在琢磨什么事业呢,就搞点自己的小产品,MvpFast-NextJS全栈开发模板,这个微信登录逻辑也是在里面实践过了,如果你们也想拿到美女闺蜜微信,不妨试试哈哈哈。