微信小程序实践——实验1获取用户信息

一、创建项目

在微信公众平台注册账号，选择小程序并下载编辑器

我下载的是第一个稳定版

打开编辑器

注意AppID,在开发管理--开发设置中找到自己的AppID

建好之后

微信开发者工具提供了快速启动模板，帮助开发者自动生成代码

二、手动创建小程序

任务：点击按钮获取用户的头像和姓名

首页默认命名index,index是小程序运行的第一个页面

1. 初期准备

(1)将app. json文件内pages属性中的“pages/logs/logs”删除,并删除上一行末尾的逗号。

一般来说首页默认命名为index,表示小程序运行的第一个页面;其他页面名称可以自定义。本项目只需要保留首页(index)即可。
具体操作如下:
(1)将app. json文件内pages属性中的“pages/logs/logs”删除,并删除上一行末尾的逗号。
(2）按快捷键Ctrl＋S保存当前修改。
(3)删除utils文件夹及其内部所有内容。
(4）删除pages文件夹下的 logs目录及其内部所有内容。(3）删除index. wxml 和 index. wxss中的全部代码。
(5）删除index. js 中的全部代码,并且输人关键词“page”找到第二个选项按回车键让其自动补全函数
(6）删除app. wxss中的全部代码。
(7）删除app. js 中的全部代码,并且输人关键词“app'找到第一个选项按回车键让其自动补全函数

2. 导航栏设计

3. 页面设计

image的添加：在项目中新建一个文件夹

找到项目的文件目录中的该文件夹，并将选中的图片拖入即可

注：图片最好不要超过2M

此时的页面：

4. 获取微信用户信息

修改<button>组件，添加获取用户信息事件

在JS界面的Page（）内部追加getMyInfo函数

data中是首页初始头像和姓名

在微信开发者工具更新后，getUserInfo无法获取到用户的信息，换为使用getUserProfile

如果用户同意授权，则成功获取到用户信息

展示：

点击button前：

点击后：

成功获取用户的头像和姓名

微信小程序实践——实验1获取用户信息相关推荐

微信小程序学习9：获取用户信息进行登录操作 wx.getUserProfile
微信小程序学习9:获取用户信息进行登录操作wx.getUserProfile 2021年4月份左右微信对获取用户的API进行了更改.使用wx.getUserInfo只能获取用户的匿名信息. 要获取用户 ...
微信小程序一个按钮同时获取用户信息和手机号码
<view class="login" bindtap='getuserInfo'><button open-type="getPhoneNumber& ...
微信小程序app.js中获取用户信息以及为golbalData赋值的坑
代码如下: //app.js App({ globalData: { urlPath: "http://www.baidu.com//", //此处貌似必须填写搜索引擎的网址 ...
小程序：版本更新后获取用户信息变更
小程序:版本更新后获取用户信息变更更新后,以前获取用户信息,是通过wx.getUserInfo,然后就会弹出授权窗口,现在必须通过button ,才能实现: <button open-type ...
微信小程序使用百度api获取天气信息 —— 微信小程序教程系列（16）
之前已经介绍过,如何使用百度地图api来获取地理位置信息微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
uniapp同步获取用户信息_微信小程序云开发教程微信小程序的API入门获取用户身份信息系列API...
同学们大家好,我是小伊同学,上一节我们介绍了一些常用API,今天我们接着来学习一组API,那就是获取用户身份信息的API. 在微信小程序中,我们往往需要获取用户的身份信息,比如昵称.头像.性别.地区等 ...
微信小程序在java后台获取用户unionid等敏感信息
最近在弄小程序,阅读了微信官方文档,上面说可以在后台获取用户的openid和unionid这些敏感信息,当然网上也有不少帖子,有的是在前台获取的,不过这里不太建议把这些敏感信息放在前台,毕竟不太安全. ...
微信小程序（uniapp）获取用户位置信息及选择位置
1. 开发前准备注册微信小程序账号并配置相关信息: 注册腾讯地图开放平台并完成应用创建等: 下载qqmap-wx-jssdk.min.js放到项目中: 2. 获取用户当前位置wx.getLocati ...
微信小程序手机号一键登录--获取用户手机号--微信小程序一键登录
前提:现在微信小程序登录我参考了几个大的公司的登录,基本分下面几种 1.微信用户一键登录,授权用户基本信息,不获取手机号 2.微信手机号一键登录,根据手机号去关联在其他平台数据,用手机号关联.然后再调 ...
微信小程序如何实现同时授权用户信息和手机号码不重复授权问题
相信很多小伙伴都有遇到了在点击一个按钮时想要实现同时获取到用户信息及手机号码并且授权过后不重复授权的操作,分享一下我的方法~  <!--showPo ...

微信小程序实践——实验1获取用户信息

微信小程序实践——实验1获取用户信息相关推荐

最新文章

热门文章