个人案例
- 蚂蚁树林
来蚂蚁树林,和好友一起种树,收取能量把! 蚂蚁树林能量球有4种颜色【青、绿、黄、红】,代表能量球成长的过程。青色和绿色阶段的能量球不可采摘,黄色和红色阶段的能量球可以采摘,就像一个苹果一样,只有成熟了才可以采摘。 能量球每隔24小时会改变到下一种颜色的状态。如果能量球变成红色后会显示24小时的倒计时采摘时间。没有采摘的能量球会自动消失。 [图片][图片] [图片][图片][图片][图片][图片][图片] 我们的服务 APP、小程序定制开发、网站建设、公众号运营、网络营销推广! [图片]
2023-07-24 - 蛇王传说
《蛇王传说》游戏案例 开局一条蛇,精彩全靠拼! 《蛇王传说》是一款完全免费的休闲竞技游戏,它不仅比拼手速,更考验玩家的策略。在蛇王传说的世界中,每个人都化身为一条小蛇,可以通过不断获取地图上的食物后生长的越来越长,越来越粗。蛇在游走的过程中一定要注意不能碰到墙壁和其它蛇的身体。否则,蛇会死亡,游戏结束。 [图片] 《蛇王传说》已上架微信/抖音平台,扫码体验! [图片] [图片] 同城配送行业解决方案 大力士同城配送小程序是一款同城配送小程序。 客户打开小程序,发货地点自动定位到客户当前位置。客户只用选择要使用的车型后,打开地图,选择要送货的目的地,系统会自动规划起止线路、计算两点距离并显示预估价格(此价格参数由物流服务公司在后台设定)。客户只用点击提交订单完成下单操作。 后台物流服务公司会收到订单信息,客服人员根据客户下单的位置分配订单给最近的司机,客户可以在我的账户中查看订单状态和本次服务的司机信息。 [图片][图片] 直播招聘小程序解决方案 介绍工作拿佣金,Boss直播现真身。 做为直播招聘的新平台,让求职和招聘变得更简单!企业发布招聘视频,展现公司环境与实力,开通会员可以直播招聘、在线面试功能;求职者刷视频可以刷到工作,加入会员,发布自己的才艺视频,优先推荐给企业。我们希望Boss亲自面试,求职者也省去来回奔波。你只需简单的转发,不但为朋友推荐工作,还能拿佣金,可谓一举两得。 [图片][图片] [图片][图片] 我们的客户 专业团队、定制开发、源码交付 [图片] 我们的服务 APP、小程序定制开发、网站建设、公众号运营、网络营销推广! [图片]
2024-07-12 - 万客分销
万客分销商城通过微信分享奖励机制,把粉丝转化为客户,把客户转化为分销商,通过爆炸式裂变用户口碑营销,提高商品销售成功率。 分销奖励策略: 微信授权登录成功后你就会免费升级为【普通会员】,你通过专属小程序二维码把小程序分享到朋友圈或好友,也可以直接转发小程序到朋友圈或好友。只要好友是通过你转发的链接授权登录本平台,他在本平台发生的任何消费行为,你都可以得到销售利润5%的分销提成,如果他升级会员你可以获得5%的拉新奖励。你转发小程序到好友或朋友圈后如果产生收益,佣金直接到账你的账户。 代理等级越高,奖励越丰厚(代理具体奖励策略可在小程序账户设置中查看)。【普通会员】升级为代理后,不但可以获得自己直推的分销提成和拉新奖励,还可以获得推荐下线的二级、三级分销提成和拉新奖励。 如何把小程序推荐给朋友获得奖励? 把小程序推荐给朋友有以下三种方式: 1.打开小程序,点击 我的->我的专属推广码,稍等片刻就可以生成你的专属推广海报。保存图片后把图片转发到微信朋友圈。 2.打开小程序首页,单击右上角三点,在显示的菜单可以转发朋友圈和好友。 3.点击任意商品,在商品详情页有 分享 按钮可实现一键转发。 通过以上三种方式转发朋友圈和好友,也可让朋友打开微信扫你的专属推广码,你就可以锁定客户。以后只要客户消费和升级为代理,你都可以坐享佣金分成。 [图片][图片][图片][图片] [图片][图片] [图片][图片] 我们的服务 APP、小程序定制开发、网站建设、公众号运营、网络营销推广! [图片]
2023-06-24 - 云开发短信跳小程序(自定义开发版)教程
写在前面如果你想要自主开发,但没有云开发相关经验,可以采用演示视频来学习本教程: [视频] 一、能力介绍境内非个人主体的认证的小程序,开通静态网站后,可以免鉴权下发支持跳转到相应小程序的短信。短信中会包含支持在微信内或微信外打开的静态网站链接,用户打开页面后可一键跳转至你的小程序。 这个链接的网页在外部浏览器是通过 URL Scheme 的方式来拉起微信打开主体小程序的。 总之,短信跳转能力的实现分为两个步骤,「配置拉起网页」和「发送短信」。本教程将介绍如何执行操作完成短信跳转小程序的能力。 如果你想要无需写代码就能完成短信跳转小程序的能力,可以参照无代码版教程进行逐步实现。 二、操作指引1、网页创建首先我们需要构建一个基础的网页应用,在任何代码编辑器创建一个 html 文件,在教程这里命名为 index.html 在这个 html 文件中输入如下代码,并根据注释提示更换自己的信息: window.onload = function(){ window.web2weapp.init({ appId: 'wx999999', //替换为自己小程序的AppID gh_ID: 'gh_999999',//替换为自己小程序的原始ID env_ID: 'tcb-env',//替换小程序底下云开发环境ID function: { name:'openMini',//提供UrlScheme服务的云函数名称 data:{} //向这个云函数中传入的自定义参数 }, path: 'pages/index/index.html' //打开小程序时的路径 }) } 以上引入的 web2weapp.js 文件是教程封装的有关拉起微信小程序的极简应用,我们直接引用即可轻松使用。 如果你想进一步学习和修改其中的一些WEB展示信息,可以前往 github 获取源码并做修改。 有关于网页拉起小程序的更多信息可以访问官方文档 如果你只想体验短信跳转功能,在执行完上述文件创建操作后,继续以下步骤。 2、创建服务云函数在上面创建网页的过程中,需要填写一个UrlScheme服务云函数。这个云函数主要用来调用微信服务端能力,获取对应的Scheme信息返回给调用前端。 我们在示例中填写的是 openMini 这个命名的云函数。 我们前往微信开发者工具,定位对应的云开发环境,创建一个云函数,名称叫做 openMini 。 在云函数目录中 index.js 文件替换输入以下代码: const cloud = require('wx-server-sdk') cloud.init() exports.main = async (event, context) => { return cloud.openapi.urlscheme.generate({ jumpWxa: { path: '', // 打开小程序时访问路径,为空则会进入主页 query: '',// 可以使用 event 传入的数据制作特定参数,无需求则为空 }, isExpire: true, //是否到期失效,如果为true需要填写到期时间,默认false expire_time: Math.round(new Date().getTime()/1000) + 3600 //我们设置为当前时间3600秒后,也就是1小时后失效 //无需求可以去掉这两个参数(isExpire,expire_time) }) } 保存代码后,在 index.js 右键,选择增量更新文件即可更新成功。 接下来,我们需要开启云函数的未登录访问权限。进入小程序云开发控制台,转到设置-权限设置,找到下方未登录,选择上几步我们统一操作的那个云开发环境(注意:第一步配置的云开发环境和云函数所在的环境,还有此步操作的环境要一致),勾选打开未登录 [图片] 接下来,前往云函数控制台,点击云函数权限,安全规则最后的修改,在弹出框中按如下配置: [图片] 3、本地测试我们在本地浏览器打开第一步创建的 index.html ;唤出控制台,如果效果如下图则证明成功! 需要注意,此处本地打开需要时HTTP协议,建议使用live server等扩展打开。不要直接在资源管理器打开到浏览器,会有跨域的问题! [图片] 4、上传本地创建好的 index.html 至静态网站托管将本地创建好的 index.html 上传至静态网站托管,在这里静态托管需要是小程序本身的云开发环境里的静态托管。 如果你上传至其他静态托管或者是服务器,你仍然可以使用外部浏览器拉起小程序的能力,但会丧失在微信浏览器用开放标签拉起小程序的功能,也不会享受到云开发短信发送跳转链接的能力。 如果你的目标小程序底下有多个云开发环境,则不需要保证云函数和静态托管在一个环境中,无所谓。 比如你有A、B两个环境,A部署了上述的云函数,但是把 index.html 部署到B的环境静态托管中了,这个是没问题的,符合各项能力要求。只需要保证第一步 index.html 网页中的云开发环境配置是云函数所在环境即可。 部署成功后,你便可以访问静态托管的所在地址了,可以通过手机外部浏览器以及微信内部浏览器测试打开小程序的能力了。 5、短信发送云函数的配置在上面创建 openMini 云函数的环境中再来一个云函数,名字叫 sendsms 。 在此云函数 index.js 中配置如下代码: const cloud = require('wx-server-sdk') cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV, }) exports.main = async (event, context) => { try { const config = { env: event.env, content: event.content ? event.content : '发布了短信跳转小程序的新能力', path: event.path, phoneNumberList: event.number } const result = await cloud.openapi.cloudbase.sendSms(config) return result } catch (err) { return err } } 保存代码后,在 index.js 右键,选择增量更新文件即可更新成功。 6、测试短信发送能力在小程序代码中,在 app.js 初始化云开发后,调用云函数,示例代码如下: App({ onLaunch: function () { wx.cloud.init({ env:"tcb-env", //短信云函数所在环境ID traceUser: true }) wx.cloud.callFunction({ name:'sendsms', data:{ "env": "tcb-env",//网页上传的静态托管的环境ID "path":"/index.html",//上传的网页相对根目录的地址,如果是根目录则为/index.html "number":[ "+8616599997777" //你要发送短信的目标手机,前面需要添加「+86」 ] },success(res){ console.log(res) } }) } }) 重新编译运行后,在控制台中看到如下输出,即为测试成功: [图片] 你会在发送的目标手机中收到短信,因为短信中包含「退订回复T」字段,可能会触发手机的自动拦截机制,需要手动在拦截短信中查看。 需要注意:你可以把短信云函数和URLScheme云函数分别放置在不同云开发环境中,但必须保证所放置的云开发环境属于你操作的小程序 另外,出于防止滥用考虑,短信发送的云调用能力需要真实小程序用户访问才可以生效,你不能使用云端测试、云开发JS-SDK以及其他非wx.cloud调用方式(微信侧WEB-SDK除外),会提示如下错误: [图片] 如果你想在其他处使用此能力,可以使用服务端API来做正常HTTP调用,具体访问官方文档 7、查看短信监控图表进入 云开发控制台 > 运营分析 > 监控图表 > 短信监控,即可查看短信监控曲线图、短信发送记录。 [图片] 三、总结短信跳转小程序核心是静态网站中配置的可跳转网页,外部浏览器通过URL Scheme 来实现的,这个方式不适用于微信浏览器,需要使用开放标签才可以URL Scheme的生成是云调用能力,需要是目标小程序的云开发环境的云函数中使用才可以。并且生成的URL Scheme只能是自己小程序的打开链接,不能是任意小程序(和开放标签的任意不一致)短信发送能力的体验是每个有免费配额的环境首月100条,如有超过额度的需求可前往开发者工具-云开发控制台-对应按量付费环境-资源包-短信资源包,进行购买。如当前资源包无法满足需求也可通过云开发 工单 提交申请[图片]短信发送也是云调用能力,需要真实小程序用户调用才可以正常触发,其他方式均报错返回参数错误,出于防止滥用考虑云函数和网页的放置可以不在同一个环境中,只需要保证所属小程序一致即可。(需要保证对应环境ID都能接通)如果你不需要短信能力,可以忽略最后两个步骤CMS配置渠道投放、数据统计可参考官方文档
2021-04-07