微信

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

云博小周宇3 Mins Read

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

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