微信小程序支付流程解析：Web前端全面攻略，OPPO前端社招面试必看

在Oppo社招前端面试中，我们探讨了微信小程序支付的全流程，特别是前端的部分。以下是我们了解到的一些关键点：

7️⃣

- 一小时内轻松掌握SSR的全栈工匠技能包。

🐱

- 两小时精通jq+bs插件开发。

🧯

- 在生产环境下如何部署Node.js。

- 开源分享包括大厂前端面试题解析、核心总结学习笔记、真实项目实战和最新讲解视频。

- 网易内部VUE自定义插件库NPM集成。

- 前端安全同样重要，例如XSS跨站脚本的危害。

- webpack的loader如何运作，以及如何编写自己的loader。

在支付流程的核心数据方面，以下是我们获取的返回数据：

“appId”: “xxxx”,

“nonceStr”: “xxxx”,

“packageValue”: “prepay_id=xxxxx”,

“paySign”: “xxxxxx”,

“signType”: “MD5”,

“timeStamp”: “xxxxxx”

这些数据是由后端程序员编写的接口生成的，接口可以是用JAVA、PHP、C++、NODE或.NET等不同语言编写的，但请注意，这些接口并非前端工程师所写。如果前端开发者需要这些数据，应与后端工程师沟通，请他们编写相应的接口。

接下来，我们详细探讨了获取openid的过程，即当前用户的真实ID。这需要先调用微信的login接口进行登录，获取登录凭证code，然后使用这个code（有效期为5分钟）向微信服务器请求换取用户的openid。无论是原生小程序还是uniapp，这个过程都是通过发送请求调用微信官方接口，使用code凭证来换取用户openid的。

随后，我们讨论了如何调用公司后端接口来获取支付所需的核心数据，这些数据包括上述返回的核心数据，全部由后台计算生成。

最后，我们讨论了如何调用微信官方支付接口，从而在用户界面弹出支付界面。