- 关于【个体工商户】微信认证相关问题
微信小程序、公众号等认证分为多个主体类型,其中一个即为【个体工商户】,而个体工商户在认证过程中出现问题的概率也较大。 1.公司注册时间(以营业执照上信息为准)未达15天 在此期间内,公司认证是不会成功的,请耐心等待15天。 2.公司注册时间(以营业执照上信息为准)已超过15天 仍提示【企业信息或法定代表人信息不一致】或【企业信息或法定代表人信息未更新】,此情况下,可能是微信系统的bug,建议社区发帖询问,等待官方回复,发帖内容请写明APPID、公司名等相关信息 另,可以将认证失败的相关帖子或认证失败的内容在此文章下回复,以便官方浏览处理(前提是官方会看)
2020-08-03 - 复制任意微信小程序页面路径
以下以微信小程序“虎牙直播”为例,演示如何复制微信小程序页面的路径。 1.进入小程序的“关于虎牙直播”页面 [图片] 2.点击右上角的“…”进入“更多资料”页面 [图片] [图片] [图片] 3.复制AppID:wx74767bf0b684f7d3 4.进入小程序后台输入appid并搜索,然后点下一步 [图片] 5.鼠标移动到“获取更多页面路径”,在弹出窗口输入当前登陆的小程序的任意开发者微信号,然后点击开启,出现顶部的“开启入口成功”就可以使用手机访问“虎牙直播”任意页面进行复制了 [图片] 6.某个直播间的页面路径:pages/main/liveRoom/index.html?anchorUid=1678113423&source=search[图片] PS:复制出来的页面路径在小程序里使用的时候记得删除 .html 才能正常访问。
2020-01-16 - 如何实现快速生成朋友圈海报分享图
由于我们无法将小程序直接分享到朋友圈,但分享到朋友圈的需求又很多,业界目前的做法是利用小程序的 Canvas 功能生成一张带有小程序码的图片,然后引导用户下载图片到本地后再分享到朋友圈。相信大家在绘制分享图中应该踩到 Canvas 的各种(坑)彩dan了吧~ 这里首先推荐一个开源的组件:painter(通过该组件目前我们已经成功在支付宝小程序上也应用上了分享图功能) 咱们不多说,直接上手就是干。 [图片] 首先我们新增一个自定义组件,在该组件的json中引入painter [代码]{ "component": true, "usingComponents": { "painter": "/painter/painter" } } [代码] 然后组件的WXML (代码片段在最后) [代码]// 将该组件定位在屏幕之外,用户查看不到。 <painter style="position: absolute; top: -9999rpx;" palette="{{imgDraw}}" bind:imgOK="onImgOK" /> [代码] 重点来了 JS (代码片段在最后) [代码]Component({ properties: { // 是否开始绘图 isCanDraw: { type: Boolean, value: false, observer(newVal) { newVal && this.handleStartDrawImg() } }, // 用户头像昵称信息 userInfo: { type: Object, value: { avatarUrl: '', nickName: '' } } }, data: { imgDraw: {}, // 绘制图片的大对象 sharePath: '' // 生成的分享图 }, methods: { handleStartDrawImg() { wx.showLoading({ title: '生成中' }) this.setData({ imgDraw: { width: '750rpx', height: '1334rpx', background: 'https://qiniu-image.qtshe.com/20190506share-bg.png', views: [ { type: 'image', url: 'https://qiniu-image.qtshe.com/1560248372315_467.jpg', css: { top: '32rpx', left: '30rpx', right: '32rpx', width: '688rpx', height: '420rpx', borderRadius: '16rpx' }, }, { type: 'image', url: this.data.userInfo.avatarUrl || 'https://qiniu-image.qtshe.com/default-avatar20170707.png', css: { top: '404rpx', left: '328rpx', width: '96rpx', height: '96rpx', borderWidth: '6rpx', borderColor: '#FFF', borderRadius: '96rpx' } }, { type: 'text', text: this.data.userInfo.nickName || '青团子', css: { top: '532rpx', fontSize: '28rpx', left: '375rpx', align: 'center', color: '#3c3c3c' } }, { type: 'text', text: `邀请您参与助力活动`, css: { top: '576rpx', left: '375rpx', align: 'center', fontSize: '28rpx', color: '#3c3c3c' } }, { type: 'text', text: `宇宙最萌蓝牙耳机测评员`, css: { top: '644rpx', left: '375rpx', maxLines: 1, align: 'center', fontWeight: 'bold', fontSize: '44rpx', color: '#3c3c3c' } }, { type: 'image', url: 'https://qiniu-image.qtshe.com/20190605index.jpg', css: { top: '834rpx', left: '470rpx', width: '200rpx', height: '200rpx' } } ] } }) }, onImgErr(e) { wx.hideLoading() wx.showToast({ title: '生成分享图失败,请刷新页面重试' }) //通知外部绘制完成,重置isCanDraw为false this.triggerEvent('initData') }, onImgOK(e) { wx.hideLoading() // 展示分享图 wx.showShareImageMenu({ path: e.detail.path, fail: err => { console.log(err) } }) //通知外部绘制完成,重置isCanDraw为false this.triggerEvent('initData') } } }) [代码] 那么我们该如何引用呢? 首先json里引用我们封装好的组件share-box [代码]{ "usingComponents": { "share-box": "/components/shareBox/index" } } [代码] 以下示例为获取用户头像昵称后再生成图。 [代码]<button class="intro" bindtap="getUserInfo">点我生成分享图</button> <share-box isCanDraw="{{isCanDraw}}" userInfo="{{userInfo}}" bind:initData="handleClose" /> [代码] 调用的地方: [代码]const app = getApp() Page({ data: { isCanDraw: false }, // 组件内部关掉或者绘制完成需重置状态 handleClose() { this.setData({ isCanDraw: !this.data.isCanDraw }) }, getUserInfo(e) { wx.getUserProfile({ desc: "获取您的头像昵称信息", success: res => { const { userInfo = {} } = res this.setData({ userInfo, isCanDraw: true // 开始绘制海报图 }) }, fail: err => { console.log(err) } }) } }) [代码] 最后绘制分享图的自定义组件就完成啦~效果图如下: [图片] tips: 文字居中实现可以看下代码片段 文字换行实现(maxLines)只需要设置宽度,maxLines如果设置为1,那么超出一行将会展示为省略号 代码片段:https://developers.weixin.qq.com/s/J38pKsmK7Qw5 附上painter可视化编辑代码工具:点我直达,因为涉及网络图片,代码片段设置不了downloadFile合法域名,建议真机开启调试模式,开发者工具 详情里开启不校验合法域名进行代码片段的运行查看。 最后看下面大家评论问的较多的问题:downLoadFile合法域名在小程序后台 开发>开发设置里配置,域名为你图片的域名前缀 比如我文章里的图https://qiniu-image.qtshe.com/20190605index.jpg。配置域名时填写https://qiniu-image.qtshe.com即可。如果你图片cdn地址为https://aaa.com/xxx.png, 那你就配置https://aaa.com即可。
2022-01-20 - iphoneX兼容之自定义底部菜单
当我们需要自定义底部导航栏时 首先要解决iphoneX的底部大横条对这个兼容 通常不设置兼容 都会被挡住 如何编写 在你要编写的底部菜单中插入 样式 [代码]padding-bottom[代码][代码]: calc(env(safe-area-inset-[代码][代码]bottom[代码][代码]) / [代码][代码]2[代码][代码]) 即可兼容 [代码] [代码] 例如:css中插入[代码] [代码]@supports ([代码][代码]bottom[代码][代码]: constant(safe-area-inset-[代码][代码]bottom[代码][代码])) or ([代码][代码]bottom[代码][代码]: env(safe-area-inset-[代码][代码]bottom[代码][代码])) {[代码][代码] [代码][代码].fixed-wrap {[代码][代码] [代码][代码]height[代码][代码]: calc(env(safe-area-inset-[代码][代码]bottom[代码][代码]) / [代码][代码]2[代码][代码]);[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]}[代码] [代码] [代码][代码].fixed-pay {[代码][代码] [代码][代码]padding-bottom[代码][代码]: calc(env(safe-area-inset-[代码][代码]bottom[代码][代码]) / [代码][代码]2[代码][代码]);[代码][代码] [代码][代码]}[代码] [代码]}[代码]其中 [代码]env(safe-area-inset-[代码][代码]bottom[代码][代码]) 是计算兼容的高度 通常一半即可 [代码] calc 是计算css 你也可以加入高度 假设有第二层 底部固定栏【即底部导航栏上面还有一层固定栏】 可如下编写 view.footer { bottom: calc(100rpx + env(safe-area-inset-bottom)); } 这样轻轻松松解决兼容 不需要写js代码 <-------------大横条-------------> [图片]
2019-05-28 - 小程序与APP和公众号哪个好?
近期有好多客户咨询我做APP,我就很恼火,你预算一点点,还想盖高楼,真是难啊!俗话说,巧妇难为无米之炊。你给那点钱,我也很难帮到客户,就重点给他推荐小程序的好处,客户最终也愿意听我的建议,低成本开发小程序,前期试错迭代,探索模式清晰后再做APP开发。APP的历史很久了,上线近两年的微信小程序功能与APP相近,而公众号同样基于微信,性能又与小程序相近,小程序和APP还有公众号到底有什么区别呢?下面我简单整理了自己总结的东西,和大神一起来讨论一下。 一、小程序和公众号的区别 在电商行业发展或者准备进入电商行业中发展的企业商家,在微信电商不断发展的现在,大多会选择进入这个市场去发展。特别是这一年多来,微信小程序的火热,让更多商家看到它的商机与市场,纷纷投入到小程序商城的开发当中。不过,即使开发完毕,还需要考虑更为重要的问题,就是如何去推广这个平台来曝光引流、转化,而保障它的发展的问题。 二、小程序和APP的区别 小程序虽然被喻为原生APP,但是开发小程序与开发APP所需要的技术不是在一个层次上的。小程序的开发,是基于微信官方提供开发指引与工具基础上去开发,相当有一个大致的框架作为基础。而APP开发,所有的框架内容都要从基础开始搭建,技术难度与开发周期都在小程序之上,这是区别之一。 区别之二,在于它们的功能实现与技术维护上。小程序虽然能实现企业商家的大部分功能需求,但是依旧有一些功能是它无法实现而APP开发可以实现的。比如一些物联网项目的需求功能,就只能在APP上才能真正实现软硬件对接。另外,在开发之后的后期维护上,APP比小程序维护所需技术更深层次,它需要针对不同类型的系统做兼容性开发、维护以及系统升级,以保障它能顺畅运行。而小程序的维护,有微信官方的支持,维护成本更低、周期更短,且流程更加简单一些。 三、如何保障小程序的发展问题? 1.线下场景投放参数码推广 小程序商城虽然作为一个线上的电商平台,但不一定它的推广就要局限于线上,可以通过小程序码、参数二维码的投放,将线下场景也用于推广引流,让线下的流量也能通过扫码而引到线上。 2.与公众号关联推广 微信小程序可以与公众号相互关联这一点,是明显让这两个平台得以互补的设定。小程序难以将客户真实留存到平台中,而公众号的粉丝体系恰好可以弥补这一功能,实现粉丝的沉淀。而开发小程序商城之后,与公众号进行关联,可通过图文、自定义菜单等,赋予小程序入口,将公号的粉丝引到小程序中,同时对商城进行推广与曝光。这种在公众号原有基础上推广小程序商城的做法,也是比较有效的。 3.利用砍价、拼团等工具去实现裂变 像拼多多这类型的商城,除了基本的商品销售之外,其实更让它名声大燥的,是它的拼团与砍价的玩法。拼团更省钱,砍价更是可以0元购物,这些对于消费者来说都是直接的利益体现,所以他们更愿意去主动转发分享这个平台,而在他们分享的过程中,商城也就得到推广。所以,微信小程序商城可以借助这种模式,用砍价、拼团等工具,去实现裂变传播。 4.利用软文做内容营销 内容营销是一种比较常见的推广方式,小程序商城可以利用这种手段,编辑软文进行营销推广并刺激转化,将主推的产品、主推的服务以软广的形式去介绍出去,在实现的曝光的同时,也用价值抓住用户眼球,刺激用户实现消费。 APP、公众号和小程序上线的时候不同,功能也有所不一样,发展的方向也不同,但不可否认的是对我们的生活有着很大的影响,为我们提供了便利。至于企业要怎么选择,要根据自身的发展需求,从基础出发,契合企业的发展需求。 个人觉得还是小程序更有前途,它是一个轻APP,基于微信小程序快速部署,也有成熟的第三方系统,可以直接拿来用,腾讯官方也会不断丰富小程序的基础功能,对我们来说是一大好处。利用第三方的成熟系统开发小程序也是不错的选择,我们自己研发的小程序商城系统现在开源出来,希望能够帮助更多开发者快速开发,而不被客户催促加班着急上火! **源码下载地址:http://github.crmeb.net/u/demo
2019-12-23 - 小程序涉及iOS虚拟支付修改指引
近期,开发者社区几乎隔三差五就被“如何整改虚拟支付”霸占。社区君在大家的强烈诉求下,特地整理了大家审核过程中经常遇到的问题。 问题1 虚拟支付到底是什么? 虚拟支付是指购买非实物商品。比如:VIP会员、充值、课程、音视频等虚拟产品。 问题2 为什么关闭了虚拟支付功能,还是不能过审? 部分开发者在提审时,仅在后台关闭了支付接口,但在前端仍保留购买/支付/订阅等功能或按钮,在iOS端的界面也都会有类似“订阅课程、开通VIP”等标识,这类呈现货架价格、提示购买的行为将被禁止。 比如: [图片] 这类展示货架(价格标签)的,将被拒绝 问题3 为什么已经去掉了引导关注公众号,还是不能过审? 请勿试图引导用户到微信公众号、H5、App或是任何外链进行付费。任何为用户提供前往支付流程的路径/文案,都将被拒绝。 比如: [图片] 这类通过【客服消息】-【个人微信号】,完成购买行为,将会被拒绝 [图片] 这类引导到H5,完成购买的行为,将会被拒绝 [图片] 这类引导到公众号,完成购买的行为,将会被拒绝 以下提供3种修改示例,仅供参考。 1、关闭iOS付费通道。 以小程序【腾讯视频】为例,iOS端关闭会员卡开通渠道,原【开通VIP】按钮,现仅显示【你还不是会员】,不再提供会员开通服务。比如: [图片] 2、所有付费内容均更改为免费。 以小程序【有道精品课】为例,iOS端将所有付费内容更改为免费,原【付费解锁】,现已完全免费使用。比如: [图片] 3、前端直接拦截提示不可服务。 以小程序【网易公开课精品】、【腾讯视频VIP】为例,iOS端点击订阅、开通VIP服务,前端直接拦截提示不可服务。但,如果页面呈现货架价格,提示购买行为的(如问题2),将会被拒绝。比如: [图片]
2018-08-17