微信小程序,微信小程序开发教程

微信小程序判断用户是电脑PC端打开还是手机端打开

2024-07-30

一、需求分析有时间开发我们加入流量主广告，或者小程序一些功能需要只能手机端访问才生效，就需要用到判断用户是手机端打开还是电脑端打开，这就需要用到getSystemInfo获取设备信息二、需求解决wx.getSystemInfo({ ;success: function (res) { ;;let system = {win: false,mac: false,x11: false} ;;let pf = res.platform ;;;;let isPhone = true ;;;;system.win = pf.indexOf("win") == 0 || pf.indexOf("Win") == 0 ;;;;system.mac = pf.indexOf("mac") == 0 || pf.indexOf("Mac") == 0 ;;;;system.x11 = (pf == "X11") || (pf.indexO

微信小程序实现游戏进度条展示

2024-01-17

922 0

工作中遇到需要实现一个微信小程序类似游戏进度条的效果，以下是个案例，分享给大家。一、成品效果展示：二、HTML代码：wxml<view class="fixeed_loading" wx:if="{{hideloading}}"> ;<view class="loadingbox"> ;;<view class="loading"> ;;;<view class="loading_h" style="width: {{progress}}%;"></view> ;;;<view class="numq";style="position: absolute; left: {{progress-10}}%;"> ;;;;<view class="numqnei">{{progress}}</view> ;;;</view> ;;</view> ;;<view

微信小程序设置屏幕长亮以及屏幕亮度调到最高

2023-11-03

2847 0

疫情的时候，我们可以看到健康码生成后屏幕一直是长亮和亮度最高的，到底是怎么设置的？是通过下面进行设置的。1、设置是否保持常亮状态。仅在当前小程序生效，离开小程序后设置失效。wx.setKeepScreenOn({ ;keepScreenOn: true }) 2、设置屏幕亮度：value屏幕亮度值，范围 0 ~ 1，0 最暗，1 最亮。在安卓端支持传入特殊值 -1，表示屏幕亮度跟随系统变化wx.setScreenBrightness({ ;value: 1 })

微信小程序如何获取手机号，无需解密版

2023-11-02

1270 0

以往我们旧的接口：https://api.weixin.qq.com/sns/jscode2session?appid=appid&secret=secret&js_code=jscode&grant_type=authorization_code获取手机号码，需要到服务端引入官方解密方法对手机号进行解密，但是这个解密很不稳定，经常出现-41003: aes 加密数据解密失败问题，现在可以使用下面新的接口获取手机号：步骤：1、获取微信凭证access_token2、动态获取手机号注：该接口需配合手机号快速验证或手机号实时验证能力一起使用，当用户同意后，可以通过 bindgetphonenumber 或 bindrealtimegetphonenumber 事件回调获取

解决新版接口微信小程序获取头像信息模糊问题

2023-09-20

2810 0

一、前言：相信很多微信小程序开发者在使用微信授权头像的时候，会发现授权得的临时图片特别模糊，以下教大家如何改善和解决图片模糊问题二、方案流程：1、用户授权图片后，把用户头像上传至服务器2、微信小程序端通过图片上传接口把图片传给服务器，3、服务器通过微信官方高清图片接口，把图片进行高清化，服务器通过接口返回给前端4、微信小程序端把返回的高清图片进行一系列的操作三、解决方案：3.1、小程序端：放置获取头像按钮<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"> ;

2024微信小程序使用open-type="chooseAvatar"获取用户头像信息，以及图像模糊解决方法方案

2023-09-15

4578 0

前景：国庆节快到了，很多小伙伴会使用微信小程序来制作国庆头像框，而小程序获取用户头像信息的 wx.getUserProfile 和 wx.getUserInfo 接口都已经于2022年废弃了，需要使用到新的方法来获取用户头像。从基础库 2.21.2 开始支持当小程序需要让用户完善个人资料时，可以通过微信提供的头像昵称填写能力快速完善。根据相关法律法规，为确保信息安全，由用户上传的图片、昵称等信息微信侧将进行安全检测，组件从基础库2.24.4版本起，已接入内容安全服务端接口（mediaCheckAsync、msgSecCheck），以减少内容安全风险对开发者的影响。需要将

解决微信小程序授权获取手机号后出现-41003: aes 加密数据解密失败问题

2023-03-07

3521 0

很多开发者在微信小程序授权获取用户手机号，经常出现授权失败获取不到手机号的问题，正常小程序调用getuserinfo接口拿到encryptedData，iv,然后给服务端 4.服务端拿到客户端的encryptedData，vi还有之前的sessionKey去解密得到 unionId等用户信息注意：客户端上传的encryptedData需要encodeURIComponent方法进行URL编码，对应服务端需要URL解码小程序，解决方法如下：1、前端对encodeURIComponent(encryptedData)对encryptedData进行URL编码async getPhoneNumber(e){ ;var __that = this ;var iv = e.$wx.detail.iv; ;var encryptedDat

微信小程序引入echarts统计图，并动态数据渲染

2022-09-04

2170 0

一、下载插件：https://github.com/ecomfe/echarts-for-weixin将下载的ec-canvas文件放置到小程序项目根目录二、引入插件：打开.json文件{ ;;"usingComponents":;{ ;;;;"ec-canvas":;"../../ec-canvas/ec-canvas" ;;}, ;;"navigationBarTitleText":;"小程序数据报表" } 三、设置echarts样式：打开/wxss文件，加入如下代码：/**index.wxss**/ .container;{ ;;position:;absolute; ;;top:;0; ;;bottom:;0; ;;left:;0; ;;right:;0; ;;display:;flex; ;;flex-direction:;column; ;;align-items:;center; ;;justify-content:;space-between; ;

解决PHP获取微信小程序用户头像模糊问题

2022-08-25

1715 0

PHP获取微信小程序用户头像默认是132尺寸，看起来比较模糊，是因为头像是132的尺寸。我们只需要在存进数据库的时候，使用substr_replace()函数进行查找替换即可substr_replace($input['avatarUrl'],'0',-3) 可以看到是把最后三位132替换为0，这样得到的微信用户头像就是高清的头像了。

微信小程序定位授权方法判断，要求必须授权。

2022-08-09

2769 0

微信小程序定位授权方法判断：未授权弹出授权对话框，确定授权，通过wx.openSetting发起授权请求，再次授权，调用wx.getLocation的API，用户首次进入页面,调用wx.getLocation的API//定位方法 getUserLocation: function () { ;;;var _this = this; ;;;wx.getSetting({ ;;;;success: (res) => { ;;;;;// res.authSetting['scope.userLocation'] == undefined;;表示初始化进入该页面 ;;;;;// res.authSetting['scope.userLocation'] == false;;表示非初始化进入该页面,且未授权 ;;;;;// res.authSetting['scope.userLocation'] == true

微信小程序地理位置接口wx.getLocation获取当前地理位置，速度一直审核不通过的解决方法

2022-08-09

7369 0

写这篇文字的同时，博主已经被小程序接口审核拒了14次了，几乎每次都是：1、你好，你的小程序“xxxxxx”申请的wx.getLocation接口因你提供的申请原因/辅助图片/网页/视频内容无法确认申请接口使用场景审核不通过，建议修改后重新提交。2、你好，你的小程序“xxxxx”申请的wx.getLocation接口因你所描述的小程序接口使用场景，目前未符合接入wx.getLocation（获取当前的地理位置、速度）接口的开放范围审核不通过，建议修改后重新提交。最终找到西部数码一篇文章：（小程序地理位置接口申请），根据修改才成功通过审批。申请用途：实时定位用

微信小程序使用wx.canvasToTempFilePath将canvas生成图片

2022-07-21

4042 0

我们有时把当前画布指定区域的内容导出生成指定大小的图片，我们可以使用wx.canvasToTempFilePath(Object object, Object this)方法假设有一个canvas<canvas id="myCanvas"></canvas> 我们可以是用以下方法生成图片wx.canvasToTempFilePath({ ;x: 100, ;y: 200, ;width: 50, ;height: 50, ;destWidth: 100, ;destHeight: 100, ;canvasId: 'myCanvas', ;success(res) { ;;console.log(res.tempFilePath) ;} }) 这样会将 canvas 生成一张临时图片

微信小程序自定义相机功能，设置相机背景图框

2022-07-08

5413 0

我们在日常使用一些应用或者小程序，经常可以看到，比如人脸识别，会有个相机头像框，这不仅可以是用户拍照更加清晰标准，这是怎么实现的呢？实际上，这个是定位在上面的。具体实现方法入下：1、小程序前端wxml代码：<view class="ddbn"> ; <view class='camera'> ; ; <image mode="widthFix" src="{{src}}" class="bigImg"></image> ; ; <image src="https://www.tpxhm.com/ai/icon/camerabg.png" mode="widthFix" class="camerabg1"></image> ; ; <image src="https://www.tpxhm.com/ai/icon/ca

微信小程序滑动滚动导航，滑动指定位置滚动导航

2022-07-08

4533 0

微信小程序滑动导航，滚动导航选中案例，供大家参考和使用，实现点击头部导航跳转到指定位置，点击底部导航，滑动至指定位置选中及滚动位置。效果展示：1、wxml代码： <view;class="topView"> ;;<scroll-view;class="tabs";scroll-x="true";scroll-with-animation='true';scroll-into-view="x{{xId}}"> ;;;;<view;class="tab;{{xId==item.id?'greenColor':''}}";wx:for="{{list}}";wx:key="item";data-id="{{item.id}}" ;;;;;;catchtap="changeTab";id="x{{item.id}}"> ;;;;;;<view;class="tab

如何在微信小程序中引入企业微信客服

2022-06-07

6222 0

随着企业微信的普及，很多人习惯用企业微信去加客服，同时也会考虑在微信小程序中引入企业微信客服，本文教教大家如何引入企业微信客服。前提：小程序和企微都认证好了。一、小程序后台配置：1.1、进入小程序后台，功能-客服-微信客服，复制企微ID接入我们的企微客服二、企微2.1、登录企业微信管理后台，进入「应用管理-应用-微信客服」，选择接入场景为「在微信内其他场景接入」。2.2、选择需要在小程序中接待用户咨询的客服帐号，找到对应的客服链接，复制。三、小程序代码编写3.1、编写跳转按钮<view @click="getQwUrl(’企微客服链

微信小程序接入视频号直播教程实例

2022-03-24

9914 0

一、前景：2021年7月份，微信小程序上线了跳转视频号直播的功能，我们也在第一时间发布了直播悬浮窗组件，使商家能够更便捷的将用户导流至视频号直播，促进成交。在近期，微信又上线了小程序预约直播功能，更加丰富了小程序与视频号之间的互动，我们也在微页面中新增了相关组件，帮助商家接入该功能。效果展示：1、视频号直播悬浮窗2、视频号直播组件3、直播已开始，则会展示直播中的状态，点击跳转直播间我们要实现的也就是这样的一个功能，在商家小程序中加入视频号直播跳转，实现小程序的免费直播功能。二、具体步骤：1、小程序.js文件

微信小程序实现滑动指定位置置顶、吸顶导航

2022-02-13

3279 0

微信小程序滑动指定位置主要用到onPageScroll方法，这里我们实现滑动至208px高度的时候悬浮导航。思路就是滑动值该位置，给该悬浮导航加上指定class名fixed，详细代码如下：1、详细js代码Page({ ;data: { ;;scrollTop: '', //滑动置顶 ;}, ;onPageScroll: function (t) { ;;var a = this; ;;// console.log(t.scrollTop) ;;a.setData({ ;;scrollTop:t.scrollTop ;;}) ;} }) 2、wxml代码： <view class="{{scrollTop>208 ? 'fixedTab fixed' : 'fixedTab'}}"> ;<view class="{{cate ==1 ? 'fixedTabIt

微信小程序结合腾讯地图获取用户所在地址

2021-12-09

2830 0

一、前提：1、申请腾讯地图api接口：https://lbs.qq.com/注册账号并创建应用，会得到一个KEY2、下载微信小程序JavaScriptSDK：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview3、安全域名设置，在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名，添加https://apis.map.qq.com二、代码编写：小程序端结合wx.getLocation({})接口1、引入sdk：// 引入SDK核心类，js文件根据自己业务，位置可自行放置 var QQMapWX = require('@/utils/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.

微信小程序如何自定义底部导航，自定义导航案例

2021-11-24

2234 0

微信小程序默认的导航比较单一，不利于维护，我们可以自定义导航，通过组件的形式1、;在根目录创建components文件夹，用于放置我们的导航的组件2、;创建tabBar组件，右击组件文件夹新建Component3、;编写组件代码tabBar.wxml<view class="todbar {{isFullSucreen?'fix-Full-button':''}}"> ;<view class="todbarItem" bindtap="tabClick" data-path='{{item.pagePath}}' wx:for="{{tabbarList}}" wx:key="{{item}}" style="width: {{750 / tabbarList.length}}rpx;"> ;;;<view class="todbarItemImage"> ;;;;;<image

微信小程序获取生成二维码的页面参数

2021-11-07

1685 0

使用微信小程序二维码接口生成页面商品二维码或海报，参数可以使用以下方法获取decodeURIComponent(options.scene) 这样就能获取到二维码中scene参数

微信小程序生成URL短地址urllink.generate页面参数获取

2021-11-07

2452 0

我们urllink.generate生成小程序带参数页面的url链接，打开之后如果用普通的获取方式是获取不到参数的，我们需要再onload中使用以下方式获取onLoad:;function;(options);{ ;;;;console.log(decodeURIComponent(options.id)) ;;;}

微信小程序判断用户是电脑PC端打开还是手机端打开

微信小程序实现游戏进度条展示

微信小程序设置屏幕长亮以及屏幕亮度调到最高

微信小程序如何获取手机号，无需解密版

解决新版接口微信小程序获取头像信息模糊问题

2024微信小程序使用open-type="chooseAvatar"获取用户头像信息，以及图像模糊解决方法方案

解决微信小程序授权获取手机号后出现-41003: aes 加密数据解密失败问题

微信小程序引入echarts统计图，并动态数据渲染

解决PHP获取微信小程序用户头像模糊问题

微信小程序定位授权方法判断，要求必须授权。

微信小程序地理位置接口wx.getLocation获取当前地理位置，速度一直审核不通过的解决方法

微信小程序使用wx.canvasToTempFilePath将canvas生成图片

微信小程序自定义相机功能，设置相机背景图框

微信小程序滑动滚动导航，滑动指定位置滚动导航

如何在微信小程序中引入企业微信客服

微信小程序接入视频号直播教程实例

微信小程序实现滑动指定位置置顶、吸顶导航

微信小程序结合腾讯地图获取用户所在地址

微信小程序如何自定义底部导航，自定义导航案例

微信小程序获取生成二维码的页面参数

微信小程序生成URL短地址urllink.generate页面参数获取

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

微信小程序判断用户是电脑PC端打开还是手机端打开

微信小程序实现游戏进度条展示

微信小程序设置屏幕长亮以及屏幕亮度调到最高

微信小程序如何获取手机号，无需解密版

解决新版接口微信小程序获取头像信息模糊问题

2024微信小程序使用open-type="chooseAvatar"获取用户头像信息，以及图像模糊解决方法方案

解决微信小程序授权获取手机号后出现-41003: aes 加密数据解密失败问题

微信小程序引入echarts统计图，并动态数据渲染

解决PHP获取微信小程序用户头像模糊问题

微信小程序定位授权方法判断，要求必须授权。

微信小程序地理位置接口wx.getLocation获取当前地理位置，速度一直审核不通过的解决方法

微信小程序使用wx.canvasToTempFilePath将canvas生成图片

微信小程序自定义相机功能，设置相机背景图框

微信小程序滑动滚动导航，滑动指定位置滚动导航

如何在微信小程序中引入企业微信客服

微信小程序接入视频号直播教程实例

微信小程序实现滑动指定位置置顶、吸顶导航

微信小程序结合腾讯地图获取用户所在地址

微信小程序如何自定义底部导航，自定义导航案例

微信小程序获取生成二维码的页面参数

微信小程序生成URL短地址urllink.generate页面参数获取

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

使用以下账号登录