微信小程序获取用户信息简单，但是在存入自己服务器数据库的过程中研究了一天多的时间，并且网上搜索不到该资源，故发出来供大家参考。
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
|
$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
.
"
.
$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个月从入门成为前端工程师全套高清视频与配套资料 |