- 小程序获取手机号时,页面上点击获取手机号,不弹出手机号授权弹框?
在开发工具上获取手机号时,是可以弹出手机号授权框的,但是客户使用是,获取手机号的授权框却没有弹出来,无法获取到手机号
2022-04-27 - #小程序-小程序中如何判断是否添加企业微信解决方案
一、商家诉求 小程序中用户做某一动作前要求用户添加企业微信才能操作。 二、实现原理 利用企业微信客户联系的【微信开发者ID->支持小程序、公众号,绑定后可通过api接口获取微信联系人对应的唯一身份标识(微信unionid) 】 的这个能力,这个能力可以再用户添加/删除企业微信时会推送消息到指定的服务器URL地址,将推送信息保存, 然后小程序端根据这份数据进行判断。 三、实现步骤 要使这个能力在系统生效要做如下配置: 0.小程序绑到开放平台,可以是同主体,也可以是异主体,这个没有强制要求。 1.收集企业微信的CorpId与Secret,其中企业CorpId在“我的企业”中找企业ID [图片] Secret的获取,可以点查看,然后发送,发送到管理员企业微信会收到通知。 [图片] [图片] [图片] 秘钥忘记,可以通过重置功能重置 [图片] 2.微信开发者ID一栏绑定关联的小程序,必须企业微信同主体,不接受反驳。(实际上绑定企业微信同主体申请的任一小程序都可以) 绑定发起授权页面,小程序管理员扫码授权即可。 [图片] 绑定后不要解绑,解绑后企业l联系人将无法获取unionId [图片] 3.设置企业微信客户联系事件接受服务器Url及消息加解密信息,设置为之后复制出来,用于配置到系统中来 Url:http://xx.xxx.com/wxwork/receive/改为企业ID 注意:填写前需要已开发验证代码,否则保存不成功,文档:https://open.work.weixin.qq.com/api/doc/90000/90135/92129 [图片] 4.处理接收消息,将是否添加企业微信信息保存 文档:https://open.work.weixin.qq.com/api/doc/90000/90135/92130#添加企业客户事件 主要变更类型处理: [图片] 5.需要判断的业务,根据保存的这份信息做判断 if(数据库存在记录,并且没有删除企业微信){ 加了企业微信了干点啥 }else{ 没加,或者以前加过但删除了,干点啥 }
2021-09-29 - textarea获取焦点时,页面没有上推
[图片] [图片] [图片] textarea 获取焦点时,页面没有上推。
2018-08-28 - “小程序二维码”功能介绍与生成方式
产品简介:通过生成小程序二维码(又称太阳码或葵花码,后文简称小程序码),并将印有小程序码的物料铺设在线下场景,或通过线上分享等方式,引导用户扫码或长按识别二维码进入小程序,实现小程序引流;并可通过配置带参数的小程序码,监控各来源渠道的转化效果。 优势:低成本,易生成,易推广;用户习惯养成,扫码、识别码易用。 接入方式:普通小程序二维码无须开发,可在后台直接生成;带参数小程序码须开发。 关键词:小程序引流,数据跟踪与分析。 01 应用场景 在时尚零售行业,品牌可基于不同的业务场景,将小程序码印在商品、包装、宣传物料、门店展架等等,引导用户通过扫码快速进入小程序。 1)线下场景如: 将小程序码印在宣传物料上,引导用户扫码进入小程序; 将小程序码印到商品瓶身、包装、货架上,引导用户扫描进入小程序,享受扫码购服务; 将小程序码印在亚克力牌上,放置在店内如收银台等位置,引导用户扫描进入小程序,快速创建会员、填写服务问卷等。 2)线上场景如: 在小程序内提供个性化分享卡片的生成功能,用户可将卡片自主转发给好友,好友可长按识别卡片进入小程序,体验小程序内的商品购买、预约等服务。 02 生成方式 小程序码的生成有两种方式,分别为通过小程序后台生成链接统一的普通小程序码,以及通过开发生成带参数的小程序码。 1)普通小程序码: 我们推荐你通过小程序后台(mp.weixin.com)-设置-基本设置-小程序码及线下物料下载,完成小程序码的下载。 下载完成后,你可以将其打印并铺设到线下场景,或者直接附于海报中用于线上传播。 2)带参小程序码: 如须生成带参数的小程序码,为每个宣传物料配上独一无二的小程序码,智能跟踪来源于不同渠道的明细数据,可通过后台接口生成不限数量且永久有效的带参数小程序码。 开发指引内容较长,建议使用电脑详细查阅。点击打开文档 3)兼容普通二维码: 我们还提供了扫描普通二维码跳转小程序的能力。如线下已铺设有二维码,无须更换二维码,即可通过该能力在线下推广小程序。 开发指引内容较长,建议使用电脑详细查阅。点击打开文档 03 进阶应用-带参数码详细介绍 通过带参数二维码的灵活应用,可以监控各个渠道的用户来源、活动转化,调配资源提升营销运营效果,它的应用场景有: 1) 大数据营销: 在不同渠道投放不同参数的小程序码,可以精准记录客户来源,为营销决策提供依据。 2)线下助销: 通过给每个销售人员、每个店铺分配带有参数的小程序码进行佣金统计、计算销售奖励等。 3)一物一码: 让每个产品都拥有一个独一无二的小程序码,实现产品的差异化控制。
2020-01-14 - 小程序页面onUnload之后页面数据会销毁吗
之前一直认为页面销毁之后这个页面的数据也会销毁的,但是今天遇到一个问题就是页面onUnload之后数据还在,由于数据是我在onLoad的时候push进去的所以退出在进入之后数据成倍的变多,虽然可以在页面销毁的时候把数据重置一下,但是页面销毁数据还在让我觉得怪怪的,所以来问问
2018-04-23 - 返回后触发onUnload(),但是页面数据未销毁
- 当前 Bug 的表现(可附上截图) 页面a进入页面b(列表页),b页面的data={ list: [] }有一个list,页面b的onload调借口查数据,然后加到list中,此时假设list长度为5。 当页面返回a后,已经触发了b页面的onUnload,但是再进入b页面,list没有销毁,这时list变成10。 同样的代码,线上版本没问题,微信开发者工具没问题,但是测试版本、开发版本在手机上运行都会出现 - 预期表现 重新进入b页面后,page()中的data应该初始化,list应该为[] - 复现路径 因为只有测试和开发版本的真机运行会出现,无法提供路径
2019-02-22 - ios上cover-image的src路径不支持空格和中文字符
- 当前 Bug 的表现(可附上截图) 在ios设备上,cover-image的src中含有空格或者是中文字符时,图片不能显示 [图片] - 预期表现 - 复现路径 - 提供一个最简复现 Demo <cover-image src="http://investmenttry.oss-cn-shenzhen.aliyuncs.com/201809/空格1.jpg?x-oss-process=image/resize,w_200"></cover-image> <cover-image src="http://investmenttry.oss-cn-shenzhen.aliyuncs.com/201809/6608702599678470430 (1).jpg?x-oss-process=image/resize,w_200"></cover-image>
2018-09-26 - wx.qy.shareAppMessageEx这个api在文档中无法找到
wx.qy.shareAppMessageEx这个api在文档中无法找到,是用来做什么的呢,具体在哪里
2020-06-11 - 企业微信小程序调用wx.qy.selectExternalContact接口
企业微信小程序调用wx.qy.selectExternalContact报错: invoke result:%s,%s qy.selectExternalContactqy.selectExternalContact:fail suite auth not exist, may be no agent is authorized 有没有大神能解答一下,在哪里配置这个:当前成员必须在应用的可见范围 仅配置了客户联系功能的用户可调用 [图片]
2020-08-13 - 如何实现一个自定义导航栏
自定义导航栏在刚出的时候已经有很多实现方案了,但是还有大哥在问,那这里再贴下代码及原理: 首先在App.js的 onLaunch中获取当前手机机型头部状态栏的高度,单位为px,存在内存中,操作如下: [代码]onLaunch() { wx.getSystemInfo({ success: (res) => { this.globalData.statusBarHeight = res.statusBarHeight this.globalData.titleBarHeight = wx.getMenuButtonBoundingClientRect().bottom + wx.getMenuButtonBoundingClientRect().top - (res.statusBarHeight * 2) }, failure() { this.globalData.statusBarHeight = 0 this.globalData.titleBarHeight = 0 } }) } [代码] 然后需要在目录下新建个components文件夹,里面存放此次需要演示的文件 navigateTitle WXML 文件如下: [代码]<view class="navigate-container"> <view style="height:{{statusBarHeight}}px"></view> <view class="navigate-bar" style="height:{{titleBarHeight}}px"> <view class="navigate-icon"> <navigator class="navigator-back" open-type="navigateBack" wx:if="{{!isShowHome}}" /> <navigator class="navigator-home" open-type="switchTab" url="/pages/index/index" wx:else /> </view> <view class="navigate-title">{{title}}</view> <view class="navigate-icon"></view> </view> </view> <view class="navigate-line" style="height: {{statusBarHeight + titleBarHeight}}px; width: 100%;"></view> [代码] WXSS文件如下: [代码].navigate-container { position: fixed; top: 0; width: 100%; z-index: 9999; background: #FFF; } .navigate-bar { width: 100%; display: flex; justify-content: space-around; } .navigate-icon { width: 100rpx; height: 100rpx; display: flex; justify-content: space-around; } .navigate-title { width: 550rpx; text-align: center; line-height: 100rpx; font-size: 34rpx; color: #3c3c3c; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*箭头部分*/ .navigator-back { width: 36rpx; height: 36rpx; align-self: center; } .navigator-back:after { content: ''; display: block; width: 22rpx; height: 22rpx; border-right: 4rpx solid #000; border-top: 4rpx solid #000; transform: rotate(225deg); } .navigator-home { width: 56rpx; height: 56rpx; background: url(https://qiniu-image.qtshe.com/20190301home.png) no-repeat center center; background-size: 100% 100%; align-self: center; } [代码] JS如下: [代码]var app = getApp() Component({ data: { statusBarHeight: '', titleBarHeight: '', isShowHome: false }, properties: { //属性值可以在组件使用时指定 title: { type: String, value: '青团公益' } }, pageLifetimes: { // 组件所在页面的生命周期函数 show() { let pageContext = getCurrentPages() if (pageContext.length > 1) { this.setData({ isShowHome: false }) } else { this.setData({ isShowHome: true }) } } }, attached() { this.setData({ statusBarHeight: app.globalData.statusBarHeight, titleBarHeight: app.globalData.titleBarHeight }) }, methods: {} }) [代码] JSON如下: [代码]{ "component": true } [代码] 如何引用? 需要引用的页面JSON里配置: [代码]"navigationStyle": "custom", "usingComponents": { "navigate-title": "/pages/components/navigateTitle/index" } [代码] WXML [代码]<navigate-title title="青团社" /> [代码] 按上面步骤操作即可实现一个自定义的导航栏。 如何实现通栏的效果默认透明以及滚动更换title为白色背景,如下图所示: [图片] [图片] [图片] [图片] 最后代码片段如下: https://developers.weixin.qq.com/s/wi6Pglmv7s8P。 以下为收集到的社区老哥们的分享: @Yunior: 小程序顶部自定义导航组件实现原理及坑分享 @志军: 微信小程序自定义导航栏组件(完美适配所有手机),可自定义实现任何你想要的功能 @✨o0o有脾气的酸奶💤 [有点炫]自定义navigate+分包+自定义tabbar @安晓苏 分享一个自适应的自定义导航栏组件
2020-03-10