微信小程序常用 API (更新中)

微信登录获取 code

wx.login({
    success (res) {
    	console.log(res.code,"这是code");
	}
})

1,点击按钮复制文本

<u-button text="复制" color="#5B1317" shape="circle" @click="copy"></u-button>

copy(){
	wx.setClipboardData({
		data: '需要被复制的内容!!!',
	})
}

2,隐藏home按钮

onShow(){
	wx.hideHomeButton()
},

3,获取微信用户信息。点击触发

wx.getUserProfile({
	desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
	success: (res) => {
		console.log(res,"res");
	}
})

4,获取微信用户 openId

wx.login({
	success: res => {
	    // 把 res.code 传给后端,后端返回 session_key, openid

5,网络请求

wx.request({
	url: '',
	data: {},
	method: 'POST',
	header: {
		'client_id': 'jeecp',
		'client_secret': 'webApp'
	},
	success: res => {},
	fail: err => {}
})

6,打开另一个小程序

// 穗康
wx.navigateToMiniProgram({
	appId: appId, //要打开的小程序 appId
	success(res) {
		console.log(res, '打开成功');
	}
})

7,预览图片

<u-image
@tap="previewImage(index)"
:src="item.photo"
width="100%"
height="250rpx"
radius="15rpx"></u-image>

previewImage(index) {
		//uniapp预览轮播图
		uni.previewImage({
			current: index, //预览图片的下标
			urls: this.imgList //预览图片的地址,必须要数组形式,如果不是数组形式就转换成数组形式就可以
		})
	},
this.imgList  没有多余的属性
例如:
this.imgList = [{ url: '' },{ url: '' }]

8,打开文件
微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.html

wx.downloadFile({
  // 示例 url,并非真实存在
  url: 'http://example.com/somefile.pdf',
  success: function (res) {
    const filePath = res.tempFilePath
    wx.openDocument({
      filePath: filePath,
      success: function (res) {
        console.log('打开文档成功')
      }
    })
  }
})

9,下载资源

wx.downloadFile({
	url: '',
	success(res) {
		// 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
		if (res.statusCode === 200) {
			switch (res.header['Content-Type']) {
				case "image/png" || "image/jpeg":
					// 图片
					break;
				default:
				    // 其他(文件)

10,更新小程序版本

// 获取新的版本管理器
onLaunch(option) {

    const updateManager = wx.getUpdateManager()
    
    updateManager.onCheckForUpdate(function(res) {
    	// 请求完新版本信息的回调
    	updateManager.onUpdateReady(function() {
    		wx.showModal({
    			title: '更新提示',
    			content: '新版本已经准备好,是否重启应用?',
    			success: function(res) {
    				if (res.confirm) {
    					// 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
    					updateManager.applyUpdate()
    				}
    			}
    		})
    	})
    })
    
},

手机型号

const res = wx.getSystemInfoSync();
res.model.includes("iPhone")

11,token 是否有效

wx.checkSession({
	success(res) {
		console.log("有效");
	},
	fail(err) {
	    console.log("无效");
	}

消息订阅,点击才能触发

wx.requestSubscribeMessage({
    tmplIds: ['xLOf9N0vNvLW7Z2YJfzuU6FWagX26Jo-fKEZq6Mxyxw', 'xLOf9N0vNvLW7Z2YJfzuU0lmV44uwvE5DzczCQrJ05M', 'Xt-uxfPbR309JOAg7tXbFn4cmcPn3--3CQkyIJNDdcI'],
    success: (res) => {
    	console.log("订阅消息 成功 ", res);//值包括'accept':同意、'reject':拒绝、'ban':后台禁用
    	// if(res[tmplId] === 'accept')
    },
    fail: (errCode, errMessage) => {
    	console.log("订阅消息 失败 ",errCode, errMessage);
    },
    complete: (errMsg) => {
    	console.log("complete ", errMsg);
    }
})

获取微信用户信息,点击才能触发

// wx.getUserProfile({
// 	desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
// 	success: (res) => {
// 		console.log('用户微信信息', res);
// 		this.$u.route('pagesA/success/weixin')
// 	}
// })

获取手机相册或相机

wx.chooseImage({  
	// count: 2, // 默认9  
	sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有  
	sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有  
	success: (res) =>{  
		// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片  
		console.log(res );
		res.tempFiles.forEach((ele,index) => {
			// 可以上传到服务器
		})
		
		
	}  
})

获取当前用户的经纬度

wx.getLocation({
	// 精准定位
	isHighAccuracy: true,
	type: 'gcj02', // 默认gps 坐标   gcj02   wgs84
	altitude: false, // 是否返回高度
	accuracy: 'best', // 精度值为20m
	success(res) {
	    // 成功
	},
	fail: (err) => {
		console.log("err", err);
		that.$refs.uToast.show({
			type: 'info',
			message: '请在系统设置中打开定位服务'
		})
	}
})

可能需要配置 manifest.json
/* 小程序特有相关 */
"mp-weixin" : {
    "appid" : "wx1ba9957c58f29da8",
    "setting" : {
        "urlCheck" : false
    },
    "usingComponents" : true,
    "permission" : {
        "scope.userLocation" : {
            "desc" : "你的位置信息将用于小程序位置接口的效果展示"
        }
    },
    // 配置这里
	"requiredPrivateInfos": [
	    "getLocation"
	]
},
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值