1. 聚能聊>
  2. 话题详情

繁星计划之阿里小程序征文活动火热进行中~大疆无人机、Switch游戏机、FILCO机械键盘等你来拿!

_

为了鼓励开发者们能够分享支付宝小程序技术心得、开发实战经验,现支付宝、阿里标准团队、阿里云、蚂蚁智能科技CodeLab联合启动“繁星计划阿里小程序征文活动”。支付宝开发者社区是支付宝开发者之间进行技术交流、讨论与学习的社区,服务于广大的支付宝小程序的开发者。阿里云为小程序开发者提供资源与生态商机。

参与人群:
企业&个人开发者、大学生

内容:
开发者学习、开发、设计支付宝小程序&使用阿里小程序云过程中的实战经验总结或小故事;

可参考内容:
(1)支付宝小程序开发

  • 开发、上架经验总结分享;
  • 疑难问题解决;
  • 自定义组件、插件等;
  • 性能优化实践;
  • 调试、问题定位;
  • 测试体系、自动化测试;
  • 前后端开发联调;
  • 小程序运行原理探究;
  • 可视化小程序开发;

(2)阿里云小程序云服务开发经验分享
(3)支付宝小程序能力的接入经验分享与应用场景探索;

时间节点:2018年8月15日——2020年3月30日

形式:形式不限,可以是自己录制的一段视频讲解、一段改编的歌词/顺口溜、一个开源DEMO及开发介绍、文章、还可以是信息图、漫画等多种形式。内容专业、详实、有趣易懂。

征文要求

  • 内容不违反法律法规,规章及规范性文件,符合支付宝&云栖社区内容规定与其他适用的协议、规则或规范要求;
  • 内容必须和支付宝小程序&阿里小程序云相关;
  • 内容必须为原创,严禁抄袭或洗稿;
  • 内容有创意、清晰易懂、信息详实准确、有深度;
  • 投稿篇数不限,但雷同内容不能重复投稿;
  • 内容可以授权支付宝通过官方渠道进行发布与宣传。

参加流程:

报名地址:

https://survey.alipay.com/apps/zhiliao/lZWyGgZx

在大赛期间将文章内容发布在聚能聊“繁星计划之阿里小程序征文活动”话题下即可。

评选规则

初审:内容发表后,支付宝小程序官方会根据文章质量评选出入围的作品,入围作品将被云栖社区和支付宝开发者社区发表推荐。

终审:为了保证活动的公平公正,主办方会邀请5位支付宝专家担任活动的终审评委,给所有入围的作品评分,评选出最后的获奖作品。

评审标准: 内容创意(30%)、技术干货或运营思路(30%)、内容形式(如视频品质、文章排版、图片设计质量等,占比20%)、人气[浏览量、收藏与评论、点赞数(包括但不限于云栖社区和支付宝开发者社区) (视频可发布在抖音平台等,相应的浏览量可作为评选)(20%)

奖励:
报名参加活动的,均可以得到支付宝小程序技术专家1对1的辅导。

专业开发者组:
一等奖 1名 DJI大疆御mavic air无人机一台

image

二等奖 5名 Switch游戏机一台

image

三等奖 20名 FILCO机械键盘斐尔可104键圣手二代

image

(1)获奖内容将会在支付宝开发者中心(生活号+小程序)中发布宣传,在云栖社区,支付宝开发者社区进行宣传;

(2)部分有创意内容有机会在支付宝、阿里云的官方阵地进行宣传;

大学生组:
一等奖 1名 DJI大疆御mavic air无人机一台
二等奖 5名 Switch游戏机一台
三等奖 20名 FILCO机械键盘斐尔可104键圣手二代

20名鼓励奖,颁发纪念品与获奖证书,同时我们也将走入北京大学、清华大学做活动宣传与小程序培训。

支付宝开发者中心:
https://developers.alipay.com/developmentAccess/developmentAccess.htm

支付宝开放能力 https://docs.alipay.com/mini/introduce/pay

阿里小程序云 https://www.aliyun.com/product/miniappdev

支付宝小程序开发文档:https://docs.alipay.com/mini/introduce

支付宝开发者官方万人钉钉群:23390832

活动举办方:支付宝、阿里标准团队、阿里云、蚂蚁智能科技

_


优秀文章推荐:

作者:斯文的鸡蛋
《支付宝小程序项目实战》分享5个可以真实运行的支付宝小程序应用
作者:吴胜斌
原生JS开发的轻量、无依赖的日历组件

参与话题

奖品区域 活动规则 已 结束

  • 奖品一

    无人机 x 1

  • 奖品二

    Switch游戏机 x 5

  • 奖品三

    经典机械键盘 x 20

52个回答

1

1267019894182427 复制链接去分享

个人做了一个支付宝小程序下,通过canvas画布来显示仪表盘效果的示例:uniapp示例,太多人都习惯直接用echarts和相关的开源库了,导致开源库里没有的图标样式,自己写不来了。
这个项目是我个人兴趣制作的跨端示例项目,通过uniapp框架搭配微擎框架,实现全栈能力的开发。

1

游客lf4lf7hugaxpw 复制链接去分享

开源一个最好有的PHP版本支付宝SDK,针对通用授权、支付、小程序、生活号、营销等场景做了业务模型封装,并在持续增加中。同时对API参数做了最简单处理,以最少可用原则精简了参数,方便开发者更快的使用,降低开发者门槛。期待你的试用,同时欢迎一起贡献源码。最后重要的事情说三遍:求star,求star,求star。
github地址: https://github.com/shulidata/easyalipay

0

葱葱葱葱 复制链接去分享

话说小程序云目前在uniapp那边xia限制很多

0

丿小飛彡 复制链接去分享

666666666666

0

lrzln6oqs4vl4 复制链接去分享

666

0

游客a57dhvdnjad46 复制链接去分享

关于支付宝小程序打开跳转淘宝/天猫域名/唤起淘宝App
小程序嵌套淘宝/天猫域名打通后,可以实现从小程序引流进入淘宝店铺,增加店铺点击量,提高店铺关注。

操作流程方面使用后,我觉得是没有问题的,可以实现在支付宝小程序中流畅地进行商品的收藏、加购以及购买,基本上与手机淘宝app差别不大。

在实际操作中,也碰到了几个问题,与大家分享。

实现跳转淘宝域名步骤1:

首先要在小程序的后台设置中配置好h5域名。

阿里系的h5域名是需要申请的,可以通过《繁星计划之阿里小程序征文活动》申请。
申请链接:https://survey.alipay.com/apps/zhiliao/lZWyGgZx
_1

实际上申请好的域名可能和上面有所出入,不过都可以使用。

实现跳转淘宝域名步骤2:
_2

在web-view里面嵌入淘宝/天猫系列链接,这样就可以顺利打开淘宝商品。

注意事项:

如果是嵌套天猫商品页面,购买商品的时候会出现调用接口异常的错误情况。

上述这种情况,只会在ios系统中发生,安卓系统目前是没有存在这种问题。

解决方法:联系支付宝小程序的技术人员在h5域名配置下添加一个新域名yunf.alipay.com即可。
_3

至于小程序唤起淘宝功能是可以实现的,不过很多功能需要申请。
还有一种方法就是开发小程序旺铺,通过旺铺可以唤起淘宝。缺点是旺铺的实现功能有限。
希望能够小程序也能尽快开发出唤醒阿里系app的功能

0

墨在砚 复制链接去分享

(。ò ∀ ó。)

0

ugi5tddhf6few 复制链接去分享

来了解一下,支持!

0

1460697775154653 复制链接去分享

怎么避免漏洞出现

0

ablat2825 复制链接去分享

谢谢

0

游客aisi5qbwrrxyi 复制链接去分享

小白表示不会搭建wap平台,希望阿里多大后期能出些免费的教学

0

游客gbkvjgrfbjoue 复制链接去分享

阿里云真的好,我们小企业的好帮手!

0

游客kb5w3m3lq5ey4 复制链接去分享

支付宝小程序营销组件刮刮卡

最近开始写支付宝小程序营销组件,做了一个刮刮卡的效果。
支付宝小程序支持很多的营销组件,可以开发很多的互动效果。
老虎机,砸金蛋,大转盘等这些经典的互动游戏,支付宝小程序官方也专门封装了一个拓展组件,可以直接引入使用。
安装: npm i ant-mini-scratch-card --save
安装完成后需要在对应文件夹中的json文件中引入
1

注:一般像这种营销活动页面为一屏的多,这次的案例是刮刮卡,需要上下左右滑动,所以要在json中添加allowsBounceVertical:NO这是为了阻止在滑动屏幕的时候阻止屏幕下拉。
使用方式:
2

这几个属性官方文档都有说明
3

ctxLogoUrl这个属性要注意一下,如果你使用的是远程图片,需要添加图片头Access-Cibtrik-Allov-Origin:*。我的远程资源都放在OSS上面的,但是oss上面添加返回头会被默认添加oss的属性,识别成OSS-Access-Cibtrik-Allov-Origin,所以我把他放在本地。
现在的效果:
4

这还没有完,一个完整的营销组件还包括后续的弹窗动画,多次抽奖。
如果是需要多次抽奖的话,那么你每次刮完后需要重置组件。
可以利用弹窗的间隙,使用a:if重新加载一遍组件,设置中奖信息。
可以达到多次抽奖的功能
最终效果如下:
https://oss-whale.oss-cn-hangzhou.aliyuncs.com/seartchCard/609d1e20a3e55e518dec168571524385.mp4
这是另一个砸金蛋的效果
https://oss-whale.oss-cn-hangzhou.aliyuncs.com/seartchCard/8bf530ea39d2b99a93241b2e93af4e6b.mp4
目前只写了两个互动效果,后面根据需求业务会开发更多的小程序互动游戏

0

游客kb5w3m3lq5ey4 复制链接去分享

支付宝小程序营销组件刮刮卡
最近开始写支付宝小程序营销组件,做了一个刮刮卡的效果。
支付宝小程序支持很多的营销组件,可以开发很多的互动效果。
老虎机,砸金蛋,大转盘等这些经典的互动游戏,支付宝小程序官方也专门封装了一个拓展组件,可以直接引入使用。
安装: npm i ant-mini-scratch-card --save
安装完成后需要在对应文件夹中的json文件中引入

注:一般像这种营销活动页面为一屏的多,这次的案例是刮刮卡,需要上下左右滑动,所以要在json中添加allowsBounceVertical:NO这是为了阻止在滑动屏幕的时候阻止屏幕下拉。
使用方式:

这几个属性官方文档都有说明

ctxLogoUrl这个属性要注意一下,如果你使用的是远程图片,需要添加图片头Access-Cibtrik-Allov-Origin:*。我的远程资源都放在OSS上面的,但是oss上面添加返回头会被默认添加oss的属性,识别成OSS-Access-Cibtrik-Allov-Origin,所以我把他放在本地。
现在的效果:

这还没有完,一个完整的营销组件还包括后续的弹窗动画,多次抽奖。
如果是需要多次抽奖的话,那么你每次刮完后需要重置组件。
可以利用弹窗的间隙,使用a:if重新加载一遍组件,设置中奖信息。
可以达到多次抽奖的功能
最终效果如下:
https://oss-whale.oss-cn-hangzhou.aliyuncs.com/seartchCard/609d1e20a3e55e518dec168571524385.mp4
这是另一个砸金蛋的效果
https://oss-whale.oss-cn-hangzhou.aliyuncs.com/seartchCard/8bf530ea39d2b99a93241b2e93af4e6b.mp4
目前只写了两个互动效果,后面根据需求业务会开发更多的小程序互动游戏

0

jerrychow 复制链接去分享

最近在开发支付宝小程序过程中的笔记,分享一下,希望对大家也有帮忙啦https://www.yuque.com/jetchow/iul7lg/cyiqnf

0

信易租 复制链接去分享

支付宝小程序开发是遇到的问题及解决方法
我们最早是做微信小程序开发,后来接触到了支付宝小程序,在开发之中遇到了问题
1.图像随拖动而改变大小,如果图像大小随每个拖动事件改变(调用一次setData),会在手机上产生较严重的卡顿
2.my.navigateToMiniProgram开发者工具回调(success,fail)内执行正常,实机回调测试回调内代码无执行
3.后台登录验证较微信复杂许多,php版后台官方代码几乎没有文档,使用较为困难
4.获取用户信息时弹出多次对话框
如何解决
1.减少setData的调用次数,每隔多个事件调用一次setData改变大小,减少渲染性能消耗
2.将回调内的功能移到回调外执行
3.使用了第三方支付宝php sdk,,wi1dcard-sdk-php
4.将my.getAuthCode中的scopes改为auth_base可实现静默获取

总结:我相信支付宝小程序离钱,离信用,离服务更近,我相信支付宝小程序在未来的战场里会越来越好,越走越远。

0

噼啪阿布才 复制链接去分享

支持支持支持支持支持支持!写的都很详细啊

0

噼啪阿布才 复制链接去分享

写程序,还有文档上来才可以吗?貌似要写的很详细啊,看上面都写得很详细

0

LoLo 复制链接去分享

运动数据与日活-天天乐

众安保险 苏志勇


前言


为了活跃小程序用户,我司结合支付宝小程序的步数功能,在小程序会员中心里添加了一个天天乐的板块。在会员中心里,会员可以通过各种福利活动获取我们的会员积分(安豆),如每日签到,浏览产品,累计签到,还有节假日各种活动赠送等。安豆可以在众安生活号会员中心里兑换各种福利权益,比如免费的券,或者进行抽奖。
有一天,我们的运营小姐姐与蚂蚁小程序团队争取到了运动数据功能的内测机会。我们就想,如何把步数与我们的日活结合起来,让用户在每天打卡领福利的基础上,还可以通过步数获取更多福利。于是,众安电商就开始了一次尝试,将用户每天的步数转化为可持续的福利,每个月的步数总量积累等级不同,也可以兑换更高的权益。
我们还可以根据用户的步数习惯,大致判断用户每天的运动量,结合用户在我司的投保经验,给予一定的保险推荐。

功能


1、小程序用户授权
功能描述及应用:
用户在进行进入小程序后,可以通过轻授权,获取小程序用户的2088id,有了2088id,便可以关联当前登录的支付宝账户的用户信息。并且,每个用户在不同APPId下的2088Id是一致的,故若有多个小程序,还可以进行关联。
注意:小程序禁止在首页进行用户重授权操作。
Q: 为什么不允许在小程序首屏使用用户授权 API?
A: 为了创造更良好的支付宝小程序用户体验,在小程序的首屏引导用户授权是不被允许的。需要在用户充分了解小程序的业务内容后再引导用户授权,建议将小程序授权环节放在业务流程中。
调用接口:
接口名称 描述
my.getAuthCode 获取用户授权码
alipay.system.oauth.token 换取授权访问令牌

image

代码示例:

官方文档:https://docs.alipay.com/mini/introduce/authcode

轻授权,scope为auth_base,通过小程序API接口,获取authCode,再拿authCode去服务端,调用蚂蚁接口alipay.user.info.auth(用户登陆授权),获取2088id,再通过一个缓存等机制,设置用户的登录的凭据。

这样,在短时间内,用户在活动页面,只需要根据凭据进行接口请求。

image

2、小程序步数功能
功能描述及应用:

运动数据,即常见的用户每天走路步数。开发者/商家可以根据步数功能进行活动运营。小程序的步数功能可以获取30天内的步数,通过30天内的数据,还可以进行用户往期步数的回顾,做一个漂亮的曲线图。

调用方式:
小程序的运动数据需要用户先授权支付宝使用运动数据,通过小程序前端发起api接口调用,获取到当日步数的密文,再传参到后端接口,解析步数信息。
官方文档:https://docs.alipay.com/mini/api/gxuu7v
image

代码示例:
image

后端接口:
一个简单的Aes解密接口,返回真正的步数。
image

3、小程序推广位轮播图
功能描述及应用:
小程序推广位组件,即我们平时页面里的轮播图,广告位等等,用来展示自营或合作商的广告位。配合蚂蚁的推广助手,可以轻松实现。
我们小程序里的部分广告位也已经切换为小程序的轮播图。

配置及调用方式:
小程序轮播图需要在小程序后台配置,链接是官方文档:
https://spcenter.alipay.com/operation/mini/ops/ssp/position/list
部分配置流程图:

image

image

image

代码示例:

配置完成后,获取positionId,即可直接在代码中使用。真的是So easy.

image
image

原onClicked已不再支持;openLocation也不再支持。
最终效果图

imageimageimage


imageimage

总结

支付宝小程序能力日新月异,可能上个月还没有的能力,下个月就出来了。本次分享旨在给大家一个参考,拓展一下思路。让大家可以将以往的功能,结合小程序的新能力,轻松搭伙,擦出不一样的火花。
0

LoLo 复制链接去分享

步步保如何走起来

众安保险 毕泗军

超级小明来讲解:我们平时走路步数可以产生怎样的价值。
image

面对日益加剧的健康风险,培养良好的健康行为习惯就成为国人生活当中的首要任务,步步
保产品就在这个时刻应运而生,目前步步保授权用户已超3000万。

What——步步保是什么?
步步保由国内首家互联网保险公司众安保险推出,是我国首款与可穿戴设备及运动大数据结
合的健康管理计划,该产品不仅以用户的真实运动量作为定价依据,用户的运动步数还可以
抵扣保费。如果你是一位持之以恒的“跑者”,就很有可能用你的运动量免费换取一份保额
高达20万的重大疾病险,真正实现为健康而跑。

How——步步保怎么玩?
在支付宝小程序搜索众安保险-步步保,领取最高保额达20万的重疾保障,可免费领取三
个月。
两步操作即可领取,方便简单:
imageimageimage
保障计划分为三档:
A:每日运动步数≥5000步,可投保计划一(10万保额);
B:每日运动步数≥10000步,可投保计划二(15万保额);
C:每日运动步数≥15000步,可投保计划三(20万保额);
image

根据用户的运动行为习惯,我们会给予用户推荐合适的运动计划,以保障用户能切实享受保
障福利,被保人为18-50周岁符合健康告知的自然人。
免费规则:
用户免费领取次日零时保单生效,每日步数达标登录步步保同步步数(支付宝可提供30天
历史步数数据),达标一天下个月免费一天即30天内全部达标下个月继续免费享受保障,
保单到期点击领取或续保即可。
在首页给用户展示每日步数数据、当前保额、达标天数(可抵扣保费)对于用户来说可以真
实看到自己的步数产生的价值。
image

用户可以在步步保查看每天的运动步数以及达标状态,培养每天良好的运动习惯。
image

运营活动:
为提高步步保的用户活跃度,通过与第三方硬件设备商及其他商户合作,以赠带销、搭建用
户积分体系。通过赠送硬件设备提高用户使用率,每天步数数据在硬件设备直观展示,与步
步保的达标状态进行匹配,达到双赢目的。
image

用户积分体系:打卡签到赢活力值(步步保通用积分),通过积分兑换或抵扣部分价值加现
金购买,步步保与商户分担成本(商户是与运动健康相关品牌),同样达到双赢目的。
通过在支付宝小程序平台上架步步保,为关注健康的用户提供驱动力,培养健康运动习惯的
同时免费领取一份健康保障,对于合作伙伴而言筛选精准用户,为后续的合作打下基础。而
对于众安保险,通过步步保搭建用户的运动步数数据,为健康生态体系打开突破口,待体系
成熟后真正能做到用户保障定制化、个性化。

3