- #小程序云开发挑战赛#-简单的课表小程序-我是橙小白
应用场景 高校教务系统没有在手机端做适配的可以通过小程序来快速查看课表信息。同时小程序还可以增加对其他信息的支持,如校内新闻,体测成绩查询等相关的信息服务。形成信息聚合多合一的小程序,方便同学们获取相关的信息。如同时对不同学校提供支持,需要两个学校的系统做相应支持,此处只对我校教务系统提供支持。 目标用户 需要快速查阅课程表的高校学生 实现思路 课程表:第一次登录时/重新登录,通过云开发向教务系统进行数据拉取并保存到数据库;随后的小程序访问都直接通过本地缓存或者云开发拉取数据库信息,不 再主动向源站(教务系统)拉取数据 校内通知:访问新闻通知网并拉取数据保存到数据库,随后小程序访问都直接通过云开发拉取数据库信息,不通过源站获取。另外还需注意的是,为了保证校内通知的及时性,需要对这个云函数[代码]getNews()[代码]设置触发器,实现定时拉取新数据。 架构图[图片] 效果截图[图片][图片] 作品体验二维码(如已上线)[图片] 团队简介橙小白 一个web前端的大三奋斗逼 个人博客 https://www.chanx.tech 邮箱 mail@chanx.tech 欢迎交流和互相学习
2020-09-20 - 在线答题小程序如何录入数据系列二
在线答题小程序如何录入数据系列一 https://developers.weixin.qq.com/community/develop/article/doc/000844fa9d0390c03c79d033b5b013 在线答题小程序如何录入数据系列二 小程序云开发如何批量导入数据 关于在小程序端批量导入数据这块,我其实一直有计划,直到今天,才算完成。 我谈一下目前的实现 需求场景: 由于小程序云开发没有一个完善的CMS系统,当然云开发已经在计划,并在不久的五月份会推出,当然这是后话,所以对于小程序批量导入数据这个需求,还是要自己扛下来 大家都知道我是做答题小程序的,题库的维护是一个大大大麻烦,前一段时间,每个周末,我基本都会花几个小时的时候来半自动导入题库, 在小程序云开发中,通过云开发控制台,我们可以导入JSON、CSV两种格式的文件,但是CSV在导入时,存在一个问题,就是,只能处理原子类型的数据结构,比如如果集合里面某个字段是对象或者数组这种复杂的数据结构,CSV就不支持了,所以我总结了下面两个实现方案。 前期准备: 将数据按照模板文件整理成excel 实现方案: 方案一、通过某后端语言读取excel,按照规范生成JSON文件,在云开发控制台,将JSON文件导入, 方案二、在小程序端通过云函数读取excel,并解析,并直接插入云数据库 方案一弊端在于需要人工干预,算半自动化,优势是数据量大的时候可以支持 方案二完全自动,不需要人工干预,通过小程序端便可以完成 以上两种方案配合使用,那就再完美不过了 截图如下: 1 [图片] 2 [图片]3 [图片] 4 对云开发数据导入感兴趣的朋友,请在评论区留言 5
2020-04-29 - 数据时代:玩转云开发必备的10种数据库操作方式
前言 数据好比互联网产品的“血液”,数据库的管理效率关乎一个产品甚至一项业务能否良好且高效地运转。在使用云开发时,如何通过云数据库来做好数据管理,为你的产品打通“任督二脉”?本文将介绍 10 种不同的云数据库管理小技巧,助各位开发者轻松玩转云开发数据库。 不清楚云开发概念的同学们可以先查看:官方产品文档。 第一招 借助数据导入导出对接历史数据 在过往的业务开展过程中,会产生大量的数据,例如,不少业务会选择使用 MySQL 存储数据。随着业务发展,计数选型从传统模式变为了云开发魔术,应该如何完成传统数据迁移到云开发呢? 你可以在 MySQL 中,将数据导出为 CSV文件的格式,并使用云开发提供的文件导入的功能,一键导入历史数据。 [图片] 类似的,如果你需要将云开发数据库导出到线下,进行离线数据分析,也可以使用云开发提供的数据导出能力,将所有数据导出到云开发环境中。 第二招 借助数据环境分离做好版本控制 日常的开发流程,都会先进行开发联调、再部署到测试环境给测试测试,产品体验,最后发布到线上环境。 在这个过程中,开发者可以创建多个云开发环境与小程序对应,这样在开发测试过程中出现问题,不会对线上数据产生影响。 [图片] 第三招 借助多端 SDK 实现多端应用开发 在将数据导入了云开发数据库以后,可以根据自己的业务需求,在不同的平台侧进行数据的修改和调用。云开发提供了客户端、服务端、管理端的 SDK 支持: 详情可参考技术文档。 客户端 SDK:在客户端方面,得益于云开发的数据库安全规则, 开发者可以直接在客户端调用数据库数据;云开发 SDK 提供了 JS、Flutter、.Net 三种语言的支持,开发者可以方便的进行小程序、H5、App、Unity 游戏的开发。不仅如此,云开发数据库支持实时数据监听,数据的变更会实时推送到客户端,无需自建websock服务,开箱即用 服务端 SDK:在服务端,我们提供了 Node.js 和 PHP 两种语言的 SDK 支持,你可以使用服务端来对数据进行增删改查,实现各种数据能力。不仅如此,基于服务端所拥有的管理员权限,我们近期还上线了批量插入的能力,大家可以试试这个新能力。 管理端 SDK:管理端 SDK 是对对控制台能力的封装暴露。开发者可以借助于管理端 SDK 来完成集的增删改查、数据导入导出、回档操作登能力。 [图片] 除了官方提供的 SDK,你还可以使用社区提供的多语言云开发 SDK,社区 SDK 提供了诸如 Python、.net、Golang 、Java 等语言版本的支持。 第四招 借助数据库安全规则实现细粒度权限控制 对于开发者来说,在开发过程中,还可以借助安全规则,实现更细粒度的权限控制,比如这里可以控制数据库权限的为“仅创建者可读写”,这样用户只能操作自己写入的数据。 [图片] 第五招 借助 SDK 实现多数据库实例管理 你可以在云开发上搭建一个运营配置系统,数据配置好了,可以点击测试环境发布的按钮,将配置发布到测试环境的云数据库,在测试无误后,将其发布到线上环境,确保数据的准确性。 [图片] 你还可以通过新建多个环境的实例,来完成对指定环境的云数据库的操作。 第六招 借助 SDK实现 旧有系统对接云数据库 如果你已有的一些系统希望与云数据库进行数据对接。则需要主动传入腾讯云API固定密钥对。通过这种方式,已有的各种运营系统也可以实现数据的打通。 [图片] 第七招 借助聚合进行数据分析 业务增长离不开对数据的分析。云开发提供了聚合,帮助用户对业务数据进行统计。例如,如果要对订单数据进行分析,需要先过滤出6月份以来的所有数据,并按照每天-省份的纬度进行聚合,统计每天、每个省份的订单总金额。 [图片] 此外,还可以借助云函数的定时触发器,对数据进行定时统计分析。 第八招 借助 CMS 赋能运营者管理数据 云开发近期上线了 CMS 内容管理系统,赋能产出运营,通过CMS系统,产品运营能够对向上数据进行运营管理。无需编写代码就可以使用,支持对文本、富文本、图片、文件、关联类型等多种类型的数据进行可视化编辑。 [图片] 在 CMS 内容管理系统中,支持管理员和运营者两种身份角色,由管理员来完成数据建模,并自动生成相应的管理界面,将配置好的管理界面交给运营者进行操作,从而实现多级别数据权限控制。 第九招 借助数据备份回档实现数据安全备份 在应用开发完成,数据导入完成,业务开始运营以后,最怕的就是删库跑路和数据发生异常。在这种情况下,可以借助云开发数据库提供的自动数据备份能力,完成数据安全等能力。 云开发数据库会自动备份最近7 天的数据,遇到任何数据问题,都可以轻松实现数据回档,回复业务。 [图片] 具体地,只需要指定要回档的时间点、回档的数据集合、回档后的名称,几分钟数据就完成了回档操作。 第十招 借助不同付费模式来完成产品性能优化 云开发支持包年包月与按量付费两种模式,默认情况下,开发者使用的是包年包月的版本,但面对业务高峰,可能会因为来不及升级套餐而导致业务受损,开发者可以将计费模式切换到按量计费,在按量计费模式下,连接数等指标会提升到最高,确保业务平稳运行,开发者还可以通过购买资源包,来获得更低的单价。 [图片] 总结 在这篇文章中,我们介绍了10种不同的云开发数据库管理方式,借助这些能力,你可以轻松的满足业务对于数据管理的种种需求,在未来,云开发也将提供更多的数据库能力,帮助开发者更好的推进业务的发展。 作者:刘盛,腾讯云云开发团队,腾讯高级产品策划。 你有哪些数据库管理小妙招?或者期待上线哪些数据库能力?欢迎在评论区留言讨论~ 【产品介绍】云开发(CloudBase)是云端一体化的后端云服务,采用 serverless 架构,免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具(CLI)、Flutter SDK 等能力极大的降低了应用开发的门槛。使用云开发可以快速构建完整的小程序/小游戏、H5、Web、移动 App 等应用。产品文档:<https://cloud.tencent.com/product/tcb> 技术文档:<https://cloudbase.net> 技术交流加Q群:601134960 最新资讯关注微信公众号【腾讯云云开发】 [图片]
2020-09-14 - 小程序云开发CMS内容管理系统使用初体验
小程序云开发CMS内容管理系统于本周一(2020年5月18号)发布,现在当前发布周的周日,今天下午没事,我也算摸索了下,具体如何开通,如何操作,我也算是第一个吃螃蟹的。 下午具体参考文档为腾讯云云开发官方公众号推送的两篇图文 【如何三分钟为小程序打造管理后台】 https://mp.weixin.qq.com/s/TFc2fj-gOVwAvs603WZG_A https://developers.weixin.qq.com/community/develop/article/doc/0002c47d40c48044316ada7ba5b813 【新能力 | 云开发CMS内容管理系统,5分钟搞定小程序管理后台】 https://mp.weixin.qq.com/s/HZCVnnau3grmKA06E-M-yg https://developers.weixin.qq.com/community/develop/article/doc/0002a401aa0e5814306af240351c13 在操作过程中遇到几个问题,我汇总下: 1、登录腾讯云控制台,如何找到云开发Cloud Base 2、安装CMS内容管理系统扩展 3、安装成功后,入口链接怎么确定 成功操作完成后,使用CMS内容管理系统,我目前有下面几个问题尚未确定 1、字段是否支持数组或者对象 2、是否支持上传图片 3、是否支持数据导入和导出 4、系统基于管理员/运营者两种身份角色的访问控制,这两种权限有哪些区分 我依次作答下 第一个问题:字段支持数组,但是不支持对象 第二个问题:支持上传图片 第三个问题:目前支持导出,不支持导入 第四个问题:管理员可以做一些数据建模工作,而运营者知识对数据 建模后的表集合进行操作。 1 [图片] 2 [图片] 3 [图片] 4 [图片] 5 [图片] 6 [图片] 7 [图片] 8[图片] 9 [图片] 0 [图片] 1 [图片] 2 [图片] 3 [图片] 4 [图片] 5 [图片] 6 现在我接着说,CMS内容管理系统的优势 对于云开发小程序运营者而言,通过CMS内容管理系统会极大提供日常操作效率,对开发者而言,也会减轻开发工作量,正像图文里面描述的一样 为方便开发人员和内容运营者,随时随地管理小程序/ Web 等多端云开发内容数据,云开发 CMS支持 PC/移动端浏览器访问,支持文本、富文本、图片、文件、关联类型等多种内容类型的可视化编辑。 但是也存在不好的一点 CMS内容管理系统在数据建模之后,会在小程序云开发控制台的数据库里面生成几个集合,这算是对小程序数据库有侵入性的一个操作 当然对于这个新产品,我是双手鼓掌点赞的。 7
2020-05-25 - 云开发小程序如何部署
云开发小程序如何部署? 第一步:下载微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 第二步:准备好代码,找到小程序根目录下的project.config.json文件,修改appid为自己小程序的appid 第三步:将代码导入到微信开发者工具中 第四步:云开发的开通 小程序开发者工具内现已增加云开发功能,有了它开发者无需自己搭建服务器,就可实现小程序快速上线和迭代,大大节省开发成本、加快开发速度。 在开发者工具工具栏左侧,点击 “云开发” 按钮即可打开云控制台、根据提示开通云开发、创建云环境。 注:AppID 首次开通云环境后,需等待大约 10 分钟方可正常使用云 API,在此期间官方后台服务正在做准备服务 [图片] 云开发提供三大基础能力,帮助开发者快速开发小程序 点击上方的“云开发”按操作进行开通 [图片] 第五步:数据导入, 将数据库每个集合的JSON文件,在小程序云开发控制台数据库一栏中先创建好集合并分别导入 第五步:设置数据库每个集合的权限 [图片] 第六步:最后在微信开发者工具上传所有云函数即可,云函数位于目录cloudfunctions下面,每个云函数是一个目录,上传时需分别上传 每个云函数右键,选择在终端打开,执行cnpm i,由于cnpm 需要node环境,建议先安装node node下载地址 http://nodejs.cn/download/ 按照cnpm https://developer.aliyun.com/mirror/NPM 以下脚本在node已安装的情况下执行 具体执行 npm install -g cnpm --registry=https://registry.npm.taobao.org [图片] cnpm i执行完成后,右键云函数目录 创建并部署 所有文件,一定是下面第二个选项 [图片] 1 至于后面的上传并提交审核,这些本文不再阐述。 本文完
2020-05-18 - 小程序流量主运营篇-三招收益翻倍
目前小程序场景可接入banner广告、视频广告、前贴视频广告、插屏广告、格子广告、激励视频广告六种。在多种选择下,流量主可针对不同页面使用合适的广告组件来提升流量主收益。(本文不涉及【前贴视频广告】,作者为个人小程序) [图片] 很多同学收益很低,每天收益都在1-100以内,学会下面三招可以让你目前的收益翻倍,希望能帮助到你。 第一招:广告组件合理接入 1、单页面仅可接入一条信息流广告,即banner、视频、格子,三选一,超过两条,流量主审核会失败。 2、单页面可接入多类型广告,即信息流广告(banner、视频、格子其中之一)、插屏广告、激励视频广告可同时出现在一个页面。 3、广告代码接入,从后台创建好之后,可以获取代码信息,放到合适的位置 3-1、banner、格子、视频广告接入 banner广告代码:<ad unit-id="adunit-99e304189164f191"></ad>放到你wxml页面的合适位置,如下图: [图片] 视频广告、格子广告类似,同样复制代码即可: 视频广告代码:<ad unit-id="adunit-4b35bf8bb66516f7" ad-type="video" ad-theme="white"></ad> 格子广告代码:<ad unit-id="adunit-ad2ee97ce13ffc2a" ad-type="grid" grid-opacity="0.8" grid-count="5" ad-theme="white"></ad> 3-2、插屏广告接入 插屏广告代码需要放到js页面中: 3-2-1、你想让用户打开你的小程序或者打开某个页面直接弹出插屏广告,那么可以把插屏广告代码复制到onload/onshow或者其他方法里面 3-2-2、你想让用户点击某个按钮后弹出插屏广告,那么可以把插屏广告代码复制到触发的事件中。 [图片] 3-3、激励视频广告接入 激励视频不可随意接入,它需要用户看完广告后,要给用户返回一些有价值内容,比如我这个这小程序,是AI写诗的,我设置的激励广告是,用户输入完主体 内容,然后给用户返回AI诗句。同样,代码要放在对应的JS文件中。 [图片] 4、流量主审核失败汇总 诱导用户点击广告、部分机型广告遮挡、单页面出现2个以上信息流广告、激励广告无奖励下发等 点击→小程序审核被拒的情况汇总第二招:挖掘广告接入场景 一个小程序如果广告组件接入场景单一,考虑到平衡用户体验,在该场景下能承载的广告就相对有限。因此,挖掘更多的接入场景,能够为流量主带来广告收入的增长。 举例:单页面多信息流广告,增加遮罩层(与第一招背道而驰,且符合流量主审核标准) [图片] 第三招:广告组件优化,灵活搭配 1、广告位名字 创建完广告位一定要记住这个广告位放在哪儿,为了直观预览,大家可以给给自己的广告起名字如:首页插屏、首页banner、首页激励等 2、分析用户页面停留时间,放合适的广告 [图片] 视频广告的收益包含两种:一是完整曝光收益、二是用户点击收益。一个视频广告的完整曝光在15-30秒之间,也就是说当用户在此页面停留30秒以上,适合放视频广告,前提是视频广告在用户的可视区域内。当用户在此页面停留低于15秒,个人建议可换成banner广告或者取消此广告位。有两个原因:一是视频广告占位比较大影响用户体验,二是视频曝光不完整,没有收益。 3、收益分析放合适广告 流量主-数据统计-广告指标明细-细分数据 [图片] 3-1、首先看拉取/曝光量,当某个广告位拉取/曝光量偏低时,可以根据对应广告位名字去更改/取消页面广告位 3-2、其次看点击率,当某个广告位点击率偏低时,可根据对应广告位名字去更改/删除页面光广告位 3-3、最后看收益,当某个广告位收益偏低时,可根据对应广告位名字去更改/删除页面光广告位 最后希望看到文章的你,收益多多~有缘再见~ 点击→流量主运营技巧机票点击→小程序起名字技巧机票
2020-04-25 - 小程序流量主、广告位类型和广告收益分析
小程序流量主、广告位类型和广告收益分析 ## 本文介绍 最近在小程序的几个微信群,经常有朋友问到以下几个问题 1、小程序怎么盈利 2、小程序流量主是什么以及怎么开通 3、小程序广告有哪些类型,哪种广告类型相对收益最大 4、 ## 小程序如何盈利 目前对个人小程序开发者而言,只有通过开通流量主,并且按照官方规范要求添加广告位,才能获取收益,当然打赏除外。 ## 什么是流量主如何开通 流量主是微信对外提供的一个服务,通过开通流量主,就可以在小程序合适的位置引入广告位,进而实现收益 登录公众号后台( https://mp.weixin.qq.com/ )在左侧菜单中,找到 推广-流量主,点击进去会看到如下截图 [图片] 小程序流量主: 1.开通条件:小程序累计独立访客(UV)1000以上,且无违规记录,即可开通流量主功能。 温馨提示:如满足条件仍无法开通,可能是数据同步问题,建议等待1-2个工作日后再试。 2.申请方法:进入微信公众平台小程序后台,点击左侧面板“流量主”,满足开通门槛的小程序开发者点击“开通”,提交财务资料,待审核通过后成功开通流量主功能,即可创建相应的广告位。 3.广告接入指引: 广告接入可查看: 微信小程序广告接入指引 在开通流量主的过程中,会绑定个人银行卡,以方便进行后续的广告收益结算,目前结算每月两次,具体官方公告可以查阅 [流量主结算周期及开票规则调整说明][2019-12-03发布] https://mp.weixin.qq.com/promotion/readtemplate?t=notice/detail_page&time=1575340587¬ice_id=634169 ## 广告类型有哪些 Banner激励式视频插屏视频广告前贴视频 以下为各广告类型,截图示例, [banner广告] [图片] [插屏广告] [图片] 视频广告 [图片] 由于插屏广告会影响用户体验,所以不建议放太多场景使用。 具体不同类型广告体验,可以扫码 [图片] 首页模块-->>插屏广告使用说明-->>视频广告关于我们-->>banner广告 ## 哪种广告类型收益相对最大 [图片] 在10月30号,将banner广告同一替换为激励式视频广告和视频广告,收益很明显从30元上升到90元、150元 可以看到视频广告相对于banner广告,对于收益增加是有用的。 下图是某小程序12月4号一天的收益数据 [图片] 12月4号一天,不同广告类型,收益分析 总收益 194.74+23.27+147.82=365.83 具体分拆来看 广告类型点击量总收益单个点击收益(元)banner1956194.740.099插屏广告6223.270.375激励式视频广告152147.820.972 通过上图我们对比分析,不难得出以下结论:激励式视频广告单个点击的收益最大、 当然我们不能通过单一维度来了解哪种收益最好,还要综合考虑,比如哪种广告对用户影响最小,毕竟不管哪种方式,广告的接入肯定会带来交互体验上的障碍, 我们必须在交互体验和广告收益这两者之间做好权衡。 ## 系统公告 激励式广告于7月31日支持30秒视频素材,广告流量将逐步放开,MP后台-广告位管理模块可支持选择6-15秒视频或6-30秒视频素材的功能,请流量主根据产品进行调整。程序视频广告已于9月4日正式全量上线,开通后即按广告曝光获得分成收入,进一步提升流量变现收益。小程序视频前贴广告组件已于8月30日正式全量上线,开通后即按广告曝光获得分成收入,进一步提升流量变现收益。## 官方文档 小程序广告组件流量主操作指引https://wximg.qq.com/wxp/pdftool/get.html?id=BJSyDkLqz&pa=14&name=miniprogramAds_supplier_manual应用规范https://wxa.wxs.qq.com/mpweb/delivery/legacy/pdftool/get.html?id=rynYA8o3f&pa=10&name=miniprogramAds_supplier_guidance小程序流量主应用规范https://wximg.qq.com/wxp/pdftool/get.html?id=rynYA8o3f&pa=10&name=miniprogramAds_supplier_guidance处罚标准https://wxa.wxs.qq.com/mpweb/delivery/legacy/pdftool/get.html?id=BkTGkbs2G&pa=1&name=miniprogramAds_supplier_regulation小程序视频广告流量主指引https://wximg.qq.com/wxp/pdftool/get.html?post_id=1317小程序视频前贴广告流量主指引https://wximg.qq.com/wxp/pdftool/get.html?post_id=1318## 总结三点 从纯收益的角度来讲,在各种广告类型中,视频广告(包含激励式视频广告、视频广告、视频前贴广告)要比banner广告要好,而且好很多从用户体验来讲,插屏广告是首次打开带插屏广告的页面强制弹出的,但是广告过后,在页面是不占空间的,这是区分与其他广告的地方,banner广告、激励式视频广告、视频广告、视频前贴广告都是在页面中占固定的空间的,这一点要小程序运营同学权衡。Banner广告是按点击,激励式视频、视频广告、插屏广告都是按照曝光来收取广告费用的,这一点非常重要,难怪我每次手工点击我的视频广告没有见流量的增加[哭脸.jpg]。[感谢 @ 仙森 补充于2019年12月9号] 虽然对个人开发者而言,我们开发小程序的目的是为了收益(当然也有为了情怀而开发),在了解如何收益的情况下,我们还是应该尽量把精力放在小程序本身的开发上面。 感谢 在此特别感谢,小程序运营讨论群的两位小伙伴,微信号中间两位已打码 1、@迭戈 (yang_##chun) 2、@风猫 (cs##26)
2020-12-25 - 日历形式的日期选择器
最近项目中用到了一个日期选择器,原生的不是很好看,所以自己写了一个日历形式的,现在分享给大家。 直接上代码:https://gitee.com/piscdong/wechat_calendar 效果图如下 [图片] 月份切换直接用了原生的月份选择器。 代码还是相对比较简单的,这里简单分析一下日历部分的代码。 日历部分主要是使用js的Date对象来获取指定月份相关信息。首先获取到当月首日的星期,如果不是周日,则在前面补充上相应数量的空view。 [代码]if (week > 0) { for (var i = 0; i < week; i++) { days.push({ day: 0 }) } } [代码] 每个月的最大天数,和PHP不同,js好像并没有直接获取到的方法,我用了个笨办法,直接根据月份来判断当前月是否大月,2月的时候则是这一年是否闰年。 [代码]if (month == 4 || month == 6 || month == 9 || month == 11) { max = 30 } else if (month == 2) { if (((year % 4) == 0 && (year % 100) > 0) || (year % 400) == 0) { max = 29 } else { max = 28 } } [代码] 整体使用flex布局,父级的宽度正好是每个子级宽度的7倍,这样就可以每7天换一行。 其他基本上都是一些基础的js、css代码,没什么花头。
2020-04-14 - 复制任意微信小程序页面路径
以下以微信小程序“虎牙直播”为例,演示如何复制微信小程序页面的路径。 1.进入小程序的“关于虎牙直播”页面 [图片] 2.点击右上角的“…”进入“更多资料”页面 [图片] [图片] [图片] 3.复制AppID:wx74767bf0b684f7d3 4.进入小程序后台输入appid并搜索,然后点下一步 [图片] 5.鼠标移动到“获取更多页面路径”,在弹出窗口输入当前登陆的小程序的任意开发者微信号,然后点击开启,出现顶部的“开启入口成功”就可以使用手机访问“虎牙直播”任意页面进行复制了 [图片] 6.某个直播间的页面路径:pages/main/liveRoom/index.html?anchorUid=1678113423&source=search[图片] PS:复制出来的页面路径在小程序里使用的时候记得删除 .html 才能正常访问。
2020-01-16 - 如何使用腾讯云cos 存储相应的文件?我的第二款开源小程序
为什么做这个小程序 闲来无事,就做着玩,看看腾讯云cos 怎么使用到小程序中 群里讨论有人做壁纸,二次元的相关的小程序,感觉自己也想做一个结果做出来没啥流量,想想就发到这里了,大家交个朋友-老罗语录( 手动狗头) 使用到的技术 主要使用到百度鉴黄图片,腾讯云cos 以前ui 框架colorui。然后是小程序云开发 在开发过程中由于没有小程序云开发sdk ,所以稍微费点劲。最后采用了nodejs 的sdk 稍微改了一下 [代码]var STS = require('sts'); exports.main = async(event, context) => { return new Promise(async(resolve, reject) => { var config = { secretId: '', secretKey: '', proxy: '', durationSeconds: 1800, bucket: 'xiaojiejie-1253624714', region: 'ap-shanghai', allowPrefix: '*', allowActions: [ // 简单上传 'name/cos:PutObject', 'name/cos:PostObject', // 分片上传 'name/cos:InitiateMultipartUpload', 'name/cos:ListMultipartUploads', 'name/cos:ListParts', 'name/cos:UploadPart', 'name/cos:CompleteMultipartUpload' ], }; var shortBucketName = config.bucket.substr(0, config.bucket.lastIndexOf('-')); var appId = config.bucket.substr(1 + config.bucket.lastIndexOf('-')); var policy = { 'version': '2.0', 'statement': [{ 'action': config.allowActions, 'effect': 'allow', 'principal': { 'qcs': ['*'] }, 'resource': [ 'qcs::cos:' + config.region + ':uid/' + appId + ':prefix//' + appId + '/' + shortBucketName + '/' + config.allowPrefix, ], }], }; STS.getCredential({ secretId: config.secretId, secretKey: config.secretKey, proxy: config.proxy, durationSeconds: config.durationSeconds, policy: policy, }, function(err, tempKeys) { var result = JSON.stringify(err || tempKeys) || ''; resolve({ data: result, }) }); }) } [代码] 然后就可以使用了。 鉴黄模块使用了百度的,小程序的内容安然安全我也对接(云函数checkImg),但是当时黄色图片也返回的是ok 我就有点慌,才采用的百度鉴黄 开源 开源地址:https://gitee.com/sunqi/FindPic 小程序学习群 https://www.jianshu.com/p/66ec0eed68bd
2020-04-11 - 开源的基于云开发的激活码领取小程序
激活码领取小程序,主要的使用场景是游戏皮肤激活码发放 是这样,最近新推出来一款小游戏,流水还算稳定,用户也越来越多,有自己的粉丝群体,怎么跟粉丝群体更好的沟通,特意开发了该小程序,让粉丝通过小程序的方式来领取游戏皮肤,以及一些武器装备的激活码 除此之外,还可以将用户导入到公众号里面,由于众所周知的原因,将用户导入到公众号是非常有必要的,手动狗头 主要完成上面两个使命 具体功能 1、输入激活码,如果激活码存在,去激活码详情页,看完激励式视频广告,然后可以复制激活码 2、如果激活码不存在,告知用户具体可以去哪里领取激活码 具体用到了 1、colorUI 2、激励式视频 3、云开发 4、小程序的复制功能 复制功能官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/device/clipboard/wx.setClipboardData.html 具体界面如下所示 1 [图片] 2 [图片] 3 [图片] 3 [图片]4 收获 该小程序功能比较小,比较适合用于一些新东西的尝试,说实话一直知道COlorUI,但是这还是第一次用到,UI确实很惊艳,再次佩服这个UI框架的作者 问题 在开发过程中,遇到一个问题,就是小程序的弹窗组件,只能支持文本的展示,有没有富文本展示的弹窗组件,还是这个部分,必须要自己开发。 不知道后续官方会对该组件进行扩展吗,方便富文本的内容展示 官方模态对话框文档 https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showModal.html 备注: 小程序实在太简单了,开源没有太多的意义,当然如果有想作为一个场景练手的,代码在个人主页可以 拿去。 https://gitee.com/jgl1210/Jihuoma 完
2020-04-13 - 开源的基于云开发的激活码领取小程序v2
我之前写过基于云开发的激活码领取小程序, 开源的基于云开发的激活码领取小程序? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/0006c481e94530defc2a2e87d56813 由于该开源小程序用户已经超过1000个UV,所以我开通了流量主,在原先的版本上进行完善,具体内容如下 1、新增激励式视频广告, 本文的重点也是讲解如何接入激励式视频广告的 具体参考官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html 广告创建 1 [图片] 2 [图片] 3 [图片] 1 小程序截图如下 2 [图片] 3 [图片] 4 2020-06-08补充 因为流量主广告会根据用户的广告点击情况区别展示,也就是说,有时候你看激励式视频广告看多了,这种广告对你是不会展示的,所以这种情况要特别处理下。 具体拉取失败的原因可以参考官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/ad/RewardedVideoAd.onError.html 所以当广告拉取失败时,要做对应的逻辑处理,否则在逻辑上是不完备的,这一点要特别注意。 [图片] 4 4 总结 当广告拉取失败时的逻辑处理是要格外考虑的。
2020-06-08 - 开源的垃圾分类小程序
1.第一阶段了解 一开始了解小程序不知道是在某年某月的新闻中看见的,感觉这是一个流量入口,自己仅仅是了解,没有真的动手去学习开发,主要是工作时期比较多一直没有时间。现在想想是真的来迟了,好在是我没有忘记 2. 第二阶段学习 学习的时候感觉和vue 有一点点相似的感觉。 花了一段时间看的开发文档,感觉文档清晰,思路简洁。很多人喜欢看视频,我到是不是很喜欢。因为看视频的速度特别慢。只要文档足够细基本看完就差不多了,当然了论坛我也是常来的那种,看看大家都出问题在什么地方,一些坑的问题只要是开发程序就会有。哈哈 3. 第三阶段开发 开发都是照着例子,比如在学习云开发的时候,默认的那个项目就完全把主要的云开发内容演示了。我基本都是照壶画瓢。 4. 沉入其中 现在做项目之前我首先想想要不要开发app.公司现在我首先说服领导优先开发小程序。公司的其他可以改的我基本都说服大家优先小程序。我们公司点饭系统就被我改为小程序版本(内部订餐)。 5. 我的开源小程序 代码本身不太具有多少价值,程序员么开源精神,哈哈哈哈哈 地址github Garbage
2020-05-09 - 开源的抽奖助手小程序
发现开源小程序之美三-抽奖助手小程序 发现开源小程序之美一,个人博客小程序 https://developers.weixin.qq.com/community/develop/article/doc/000a40e13ec550274e2a9addd56413发现开源小程序之美二,微慕WordPress小程序 https://developers.weixin.qq.com/community/develop/article/doc/000c44945dc728ab9c2aff2a55b013发现开源小程序之美三,抽奖助手小程序 https://developers.weixin.qq.com/community/develop/article/doc/0002846854056847b66a2d13451013发现开源小程序之美四,在线答题小程序 https://developers.weixin.qq.com/community/develop/article/doc/00040af07005609a223acee0151413发现开源小程序之美五,营销组件库 https://developers.weixin.qq.com/community/develop/article/doc/000c4235c98740a1dc2a1a6045b013发现开源小程序之美六,酱茄小程序 https://developers.weixin.qq.com/community/develop/article/doc/00040ede6d0388082a3aeb49b57813发现开源小程序之美七,二手书商场 https://developers.weixin.qq.com/community/develop/article/doc/0006ceb61a87182a4b3a1b32a5bc13发现开源小程序之美八,我要戴口罩https://developers.weixin.qq.com/community/develop/article/doc/0006a047b0cee0d5713ad731f5b813发现开源小程序之美九,失物招领小程序 https://developers.weixin.qq.com/community/develop/article/doc/000ca6a3b28ce8857b5a8bb3351c13发现开源小程序之美十,旅游攻略方面的微信小程序 https://developers.weixin.qq.com/community/develop/article/doc/000cc694e9c790ce755aee41556013 这个小程序是身边小伙伴开发的,基于云开发的一个抽奖助手小程序,我今天clone下代码,花了不到10分钟就运行成功了, 值得推荐给大家 先上截图大家参观下 [图片] 1 [图片] 2 [图片] 2 码云地址 https://gitee.com/xiaofeiyang3369/wechatlottery 我在调试过程中做了略微的改动 部署步骤建议按照下面三步走 第一步:创建集合,并将集合权限设置为:所有人可读,仅创建者可读写 第二步:将data里面的lottery.json文件导入到lottery集合 第三步:部署云函数 如没有意外就可以正常运行了,部署过程中遇到任何问题,请评论席留言。 更新记录 2020-07-20 重写了核心逻辑 ①开奖逻辑 ②抽奖逻辑 开奖逻辑目前是按照时间维度,到了时间不管人数有没有凑够都会进行开奖,开奖五分钟后,进行抽奖,确定中奖名额。 具体规则: (1)每个整点的1分去检测,根据当前时间检测是否有需要开奖的 (2)每个整点的5分去检测,是否有开奖未抽奖的,如果有,确定中奖名额 ~~
2021-01-25 - 开源的自建服务器的垃圾分类小程序
之所以今天分享下这个小程序,是有很多故事的, 我是在19年6月底开始学习小程序,当时19年7月1号某地开始执行垃圾分类,我在6月底开始学习小程序,推出的第一个小程序就是垃圾分类小程序,小程序名字叫垃圾分类黑板板,由于流量不好,就下线改做其他的了 今天有朋友通过github联系方式找到我,那我再完整总结下 该小程序完成的功能有 1、垃圾分类查询 2、垃圾分类挑战 3、垃圾分类答题测试 4、排名 5、海报生成 主要这几个核心功能, 如果后面有时间,我会往这个方向去完善 1、图片拍照、识别、分类 2、 1 [图片] 2 [图片] 3 [图片] 4 5 [图片] 6 [图片] 7 [图片] 8 [图片] 9 今天再回过头来,满满的回忆 该项目非云开发,后面在学习云开发的过程中,我有用云开发重写该小程序,具体见下面文章 https://developers.weixin.qq.com/community/develop/article/doc/000a4e6bb142b8a0761a5858456413 既然开源,那我把代码我放这里, https://gitee.com/xiaofeiyang3369/lajifenlei https://gitee.com/xiaofeiyang3369/phpapp 后面我开始做在线答题类小程序,其实跟垃圾分类也有交集,做了一个垃圾分类在线测试的小程序,大家可以扫码体验下 [图片]
2020-06-08 - 开源小程序-头像加口罩
来吧,请不要吝啬你的star [图片] 1、我不是作者,但是作者同意我在社区发帖,想联系作者的私聊我吧 2、开发环境:基于uniapp使用VUE快速实现 3、这个小程序从起名字到运营,基本走的是我的运营思路,2月份的时候我说过这个小程序,目前衍生比较完整,每月差不多4位数收益,累计用户10W+ [图片] 4、有图片安全检测,可放心使用 5、部分功能预览 [图片] [图片] https://github.com/infinityu/mina-wear-mask 不要吝啬你的STAR
2020-07-05