微信小程序实现获取用户信息并存入数据库操作示例

微信小程序获取用户信息简单,但是在存入自己服务器数据库的过程中研究了一天多的时间,并且网上搜索不到该资源,故发出来供大家参考。

index.js

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

Page({

 data: {

  nickName: "微信账号登录",

  avatarUrl:"./user-unlogin.png",

 },

 onLoad: function () {

  var that = this;

  var nickName = that.data.nickName ;

  var avatarUrl = that.data.avatarUrl;

  var db="no";

  wx.getUserInfo({

   success: function (res) {

    that.data.nickName = res.userInfo.nickName,

    that.data.avatarUrl = res.userInfo.avatarUrl,

    that.setData({

     nickName: that.data.nickName,

     avatarUrl: that.data.avatarUrl,

    }),

    that.setData({

     db:"ok"// 设置变量db,只有成功获取用户信息后才写入数据库

    })

    if(db = "ok") {

     var name, url;

     wx.request({

      url: https://.../getuserinfo.php,//写自己的服务器

      header: {

       "Content-Type": "application/x-www-form-urlencoded"

      },

      method: "POST",

      data: {

       name: res.userInfo.nickName,

       url: res.userInfo.avatarUrl,

      },

      success: function () {

       console.log("success")

      },

      fail: function () {

       console.log("fail")

      }

     })

    }

   },

   fail: function (res) {

    that.data.nickName = "未授权无法获取用户信息",

     that.setData({

      nickName: that.data.nickName

     })

   }

  })

 },

onShow: function () {

 }

})

getuserinfo.php

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<?php

$name = $_POST[‘name‘];

$url = $_POST[‘url‘];

$servername = "localhost";

$username = "root";

$password = "";//服务器中连接数据库的密码

$dbname = "mydb";//使用的数据库名

// 创建连接

$conn = new mysqli($servername, $username, $password, $dbname);

// 检测连接

if ($conn->connect_error) {

 die("connect server fail: " . $conn->connect_error);

}

$sql = "INSERT INTO userinfo

VALUES (‘$name‘, ‘$url‘)";

if ($conn->query($sql) === TRUE) {

 echo "insert success";

} else {

 echo "Error: " . $sql . "<br>" . $conn->error;

}

$conn->close();

?>

测试通过,在服务器中查询有用户信息

 
webapp开发网上书城系统 web移动端教程视频下载  ...2
前端工程师JavaScript基础入门视频教程下载  ...2
结合MUI框架完成HTML5移动端混合应用开发(微信实战)视频教程  ...2
尚硅谷 HTML+CSS 核心基础教程(103集实战教学,从入门到精通)
某课网 - Vue.js 源码全方位深入解析(完整版)   ...23456..10
某课网 - 全网首发mpvue课程小程序全栈开发   ...234
web前后端漏洞分析与防御精讲视频教程(全漏洞原理+攻击手段+测试方法+预防措施)   ...2
最新短视频网站实战教程 node.js+ES+Koa2基础到精通项目实战课程  ...23
四大维度解锁 Webpack 3.0 前端工程化  ...23
某课网 - 让你页面速度飞起来 Web前端性能优化   ...23
兄弟连新版Web 前端视频教程
微信小游戏入门与实战 刷爆朋友圈  ...2
手把手带你入坑H5与小程序直播开发  ...23
2018年4月份刚毕业珠峰培训前端全栈视频  ...23
腾讯工程师教你9小时搞定微信小程序开发   ...23
学无止境-WEB前端开发视频编程实战HTML5+CSS3视频教程及素材+模板   ...2
2018年最新传智播客黑马WEB前端36期全套  ...2
《Sass 基础教程》共40节宁皓网课程
HTML5移动端布局实战开发视频
微专业前端设计师之3个月从入门成为前端工程师全套高清视频与配套资料 

原文地址:https://www.cnblogs.com/alettarit/p/10829083.html

时间: 2024-09-30 10:56:56

微信小程序实现获取用户信息并存入数据库操作示例的相关文章

python获取微信小程序openid及用户信息

填坑记录:1.个人微信公众订阅号是不能申请微信认证的.公众号的类型在注册时一旦选择就不能更改,微信公众号认证的功能除个人订阅号外,都可以申请认证,因而个人订阅号不能申请认证.这句话的意思就是个人订阅号无法开发小程序. 2.个体户营业执照(个体户)可申请微信服务号并申请开发小程序,但需微信认证复用资质并用新邮箱注册小程序账号 3.微信开发工具创建微信小程序填写的appid是小程序的appid(不是微信公众号的),不能是个人小程序的appid,个人小程序没有获取用户信息的权限 4.调用接口获取用户信

微信小程序怎么获取用户输入

能够获取用户输入的组件,需要使用组件的属性bindchange将用户的输入内容同步到 AppService. <input id="myInput" bindchange="bindChange" /> <checkbox id="myCheckbox" bindchange="bindChange" /> var inputContent = {} Page({ data: { inputConten

微信小程序—如何获取用户输入文本框的值

我们就拿简单常用的登录来举例子吧,先看最终效果图片 我不喜欢使用from表单提交,所以这里不采用表单提交的方式咯: 先看看html代码: login.wxml <view class="itemView">用户名: <input class="input" name="userName" placeholder="请输入用户名" bindinput ="userNameInput"/>

微信小程序 如何获取用户openid

1.首先需要获取code 使用 wx.login({ success: function(res) { console.log(res);//这里的返回值里面便包含code }, fail: function(res) { console.log('登陆失败'); }, complete: function(res) {}, }) 获取到code以后,将code发送给自己的后台 便可以获取到openid了 原文地址:https://www.cnblogs.com/MainActivity/p/8

微信授权登录并获取用户信息接口开发

总结一下微信授权登录并获取用户信息 这个接口的开发流程. 一.首先你的微信公众号要获得相应的AppID和AppSecret,申请微信登录且通过审核后,才可开始接入流程. 二.授权流程 1.流程说明 (1). 第三方发起微信授权登录请求,微信用户允许授权第三方应用后,微信会拉起应用或重定向到第三方网站,并且带上授权临时票据code参数: (2). 通过code参数加上AppID和AppSecret等,通过API换取access_token: (3). 通过access_token进行接口调用,获取

微信小程序如何获取openid

微信小程序如何获取openid wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(res) var appid = 'wxbe08efce713a44bf'; //填写微信小程序appid var secret = 'd65ad3d9ee159c568200c30a3bb49baf'; //填写微信小程序secret //调用request请求api转换登录凭证

微信小程序 定位 获取国家省市区

从文档可知该方法只是返回的位置坐标等信息,并未返回地理位置名称.好在腾讯地图准们为小程序提供了接口SDK来获取位置信息. 文档地址如下:http://lbs.qq.com/qqmap_wx_jssdk/index.html SDK使用方法请参照该文档. 在小程序中获取地理位置信息的流程就是: 根据wx.getLocation方法获取当前位置坐标. 根据reverseGeocoder方法获取当前坐标地理位置信息. 注意:会提示https://apis.map.qq.com不是request 合法域

小程序--重新获取用户授权

微信小程序这个设计确实给开发者带来了一些不便. 当用户拒绝之后没法在短时间内再次弹窗提示用户授权,如果非要获取用户信息的话,业务流程就受阻了. 但是,小程序还是留了一个口子. wx.openSetting({success:(res)=>{console.log(res);}});

微信小程序前台的用户数据入库(后台Laravel)

首先 我们可以看到微信小程序官方 文档 wx.login api-login.jpg 通过此图 我们知道 前台要传 一个 code给后台,后台拿到code 并结合appid和appsecret请求微信接口服务,拿到openid和session_key 查阅文档 我们可以清楚知道 后台要获得用户数据 就需要前台除了传code 还需要传 iv和 encryptedData iv和encryptedData 后台拿到这两个 并结合拿code去请求得到的session_key便可以解密获得用户数据 包括