-
2020-04-22 18:54:51
做为一个练习时长一月半的动森岛民,最近周围岛友纷纷苦于售卖大头菜,谁能想到如此治愈可爱的养成游戏刺激堪比期货大盘。
都说这是猛男游戏,本期就由我们的高萌小哥哥—亚当传授他的神级玩法:用Serverless自制小程序云统计好友大头菜价格。
视频链接:点击这里
(视频来自bilibili up主:亚当不是程序员)
关于小程序云serverless
提供云函数服务:它支持用户使用Node.js进行开发,主要就是替代原本的后端服务器,令开发者可以把后端每一个服务的代码都单独提交到云端平台上去运行。
提供数据存储服务:基于MongoDB托管在云端的数据库,数据以JSON格式存储以及文件存储服务:他令到小程序可以将用户上传的文本,图片等等内容上传到云端,在图片上传成功后,系统会自动生成一个资源链接,开发者可以在小程序中使用该图片地址。
更良心的是,不像游戏里坑钱的狸克几百铃钱卖你个捕虫网,阿里云的这个小程序Serverless在公测期间完全免费,大家不必担心在学习的过程中会被收费。
话不多说,赶紧上车!教程分上下期,本期内容为准备工作和了解成品架构,实操部分将在下期进行讲解,循序学习,日渐精进哦~
-
准备工作
平台注册:如果你之前没有注册过阿里云的账户的话,你可以去阿里云官网来注册账户,并实名认证。注册完之后,来到阿里云的控制台,直接搜索小程序云,打开之后在左侧找到小程序云Serverless,点击服务空间管理,为我们将要做的小程序创建一个新的服务空间。
因为我们今天是一个支付宝小程序来作为示例,所以我们还需要去支付宝的开发者平台注册账号。支持手机支付宝扫码登录,在开发支付宝小程序这里点击立即创建,并同意一个个人小程序的公测申请,点击开始体验。
安装工具:需要安装两个工具,一个是小程序开发者工具,大家可以在页面下载,下期视频主要用这个工具来开发和调试小程序,同时下载叫做支付宝开放平台的开发助手,在下一期开发助手可以帮助我们生成公匙绑定小程序。(这里提醒大家不要轻易把公匙和私匙分享给别人)
-
了解成品架构
每个玩家填写自己岛上的资料和现实的大头菜价格,提交后记录就会显示在这个好友列表里,界面简单易用,并且所有数据都会由你自己管理,只有你授权的人才能看到,不会公开发布。
-
技术原理解析
我们开发前端的时候所用的语言也会是JavaScript,只不过它不是用 ReactJS, VueJS这些框架而是使用专为支付宝小程序所定制的一个框架。如果我们只是写了一个小程序的前端的话,其实我们开发的小程序算是一个静态的小程序,就是说无论你在小程序里面加了多少数据,一旦你的页面刷新,这个页面就恢复成初始状态,因为你是没有一个数据库去存储你的这些数据的,所以如果我们想开发一个动态的小程序的话,我们就需要用到说小程序里面的一些云函数、云数据库这样的一些服务。
成品里的两个按钮“提交”和“刷新”,"提交"所对应的云函数,我取了一个名字叫做updateUserData,他把我们提交的数据写入到我们Serverless平台的云数据库,那么如果他看到数据已经存在的话,它就会更新你的数据,然后刷新按钮它所对应的云函数,就是getAllUserData,他就会获取你的云数据库里面所有数据,然后排列。
整个架构非常简单,如果有能力的话,可以去尝试去添加一些新的功能,比如说添加一个大头菜价格从高到低的这样一个排序等等。
另外,想自己研究一下小程序开发的同学们,“点击这里”即可免费使用小程序云及获得小程序云电子书!
更多相关内容 -
-
【小游戏】Phthon_自制小程序
2022-04-18 16:43:55自制小程序,可以随意玩玩 -
自制小程序
2020-06-02 15:45:46其实这就是类似朋友圈的小程序,是一个同学之前跟我聊过,他想做一个社交类的小程序,我觉得还行,于是就开始做了: 这是首页: 这是留言页: 这是源代码,其实这些都非常的粗糙,毕竟那时候我刚学嘛~实现功能就...其实这就是类似朋友圈的小程序,是一个同学之前跟我聊过,他想做一个社交类的小程序,我觉得还行,于是就开始做了:
这是目前我电脑只能找到的第一个版本的界面和代码了,
这是首页:
这是留言页:
这是源代码,其实这些都非常的粗糙,毕竟那时候我刚学嘛~实现功能就完事了。(源代码可打包分享给有需要的朋友)
由于开发这个小程序的微信已经注销了,最后版本的代码也找不到了,也没时间做小程序这方面,所以就不演示了。审核不通过的原因就是社交类的小程序要《非经营性互联网信息服务备案核准》备案,备案主体必须是小程序的企业主体,所以就后期没做了。
当时拍的送审图:
还发了一条qq说说纪念一下(logo是同学设计的):
-
前端自制小程序.zip
2020-12-23 20:40:07桌面小程序,及鼠标特效 -
自制小程序未命名1.10.cpp
2020-12-21 17:16:16自制小程序未命名 -
自制小程序未命名未命名1.cpp
2020-12-21 17:14:53自制小程序未命名 -
自制题库答题考试工具 可以自己输入考题的答题小程序 自制答题软件 微信答题小程序开发 在线做题考试的小...
2021-01-03 06:15:14如何开发一个自制题库答题考试的工具,可以自己输入题目创建考试的小程序。自助出题,然后转发给别人考试,直接在手机里打开就可以答题,也可以将考卷分享到微信群里,群里的人同时还是答题。 可以自己自制出题考试... -
定时关机---自制小程序
2010-10-08 16:27:58可以设置定时关机,程序占资源少,可以最小化到托盘不影响其他操作,有简单简绍。欢迎反馈 -
仿命令提示符的自制小程序 - Windows Command Center
2013-07-23 17:53:21原创,署名MythWork Studio,此程序目前还没有实际用途,仅仅只是一个框架,但本人还会继续开发的 输入格式:"/******"视为命令,"*****"视为发言. 支持的命令:(中括号内为可选附加二级命令)"/clear" "/exit" "/lang [set ... -
图片批量加 水印 圆角 自制小程序
2013-08-27 21:58:02支持批量添加水印圆角等功能。图片水印,文字水印都可以实现,需要扩充可以联系作者。 -
飞机大战自制子弹小程序
2022-04-02 13:09:58飞机大战自制子弹小程序 -
一键运行多条CMD命令并记录输出结果(自己用VB做的小程序)
2021-03-18 21:35:19输入多条CMD命令并一键运行(命令...此程序原理是自动把用户输入命令行保存成.cmd文件,然后运行并使输出的文字存入文本文档,运行结束后自动打开文本文档。cmd文件和文本文档不会自动删除,方便查看运行的历史记录。 -
自制小程序,轻松清理系统垃圾
2009-06-08 13:54:59建立一个记事本,在里面粘贴: @echo off echo 正在清除系统垃圾文件,请稍等...... del /f /s /q %systemdrive%*.tmp ...del /f /s /q %systemdrive%*._...使用时双击打开即可,该程序可使你轻松达到清理系统的目的 -
自制抽奖小程序
2021-04-06 08:09:48基于C#的抽奖小程序需求分析功能制作后续 需求分析 我们在生活中,在很多地方总是需要使用到一些抽奖小程序,或是抽签小程序。那么我们是否可以自己动手制作这样一款程序呢?答案当然是肯定的。 在本文中,我将利用...需求分析
我们在生活中,在很多地方总是需要使用到一些抽奖小程序,或是抽签小程序。那么我们是否可以自己动手制作这样一款程序呢?答案当然是肯定的。
在本文中,我将利用C#制作一款抽奖小程序。非常的简单实用,大家可以动手试一试。功能
使用C#制作抽奖程序。 点开始,滚动显示抽奖人,结束,显示中奖人。
制作
- 打开VS,创建Windows窗体应用
- 选择项目文件夹
根据自己的实际存储位置,进行更改。
- 打开 视图 中的工具箱,通过拖拉相关配件,进行计算器页面的设计,注意相关按钮的名字需要自己编辑。
- 双击相关配件,就可进行代码编辑页面。
我这里将程序直接给大家,大家注意我这里的组件和你自己的可能不相同,大家根据自己的组件名字进行更改。 - 编写程序
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; namespace WindowsFormsApp1 { public partial class Form1 : Form { string[] content = { "盖伦", "奥巴马", "塞纳", "德莱文", "奥恩", "皎月", "盲僧", "压缩", "安妮" }; public Form1() { InitializeComponent(); } private void button1_Click(object sender, EventArgs e) { if (button1.Text == "开始") { button1.Text = "结束"; timer1.Start(); } else { button1.Text = "开始"; timer1.Stop(); } } private void timer1_Tick(object sender, EventArgs e) { Random r = new Random(); int i = r.Next(0, 8); label2.Text = content[i]; } } }
后续
如果想了解更多物联网、智能家居项目知识,可以关注我的项目实战专栏。
或者关注公众号。
欢迎关注公众号了解更多。
- 打开VS,创建Windows窗体应用
-
微信小程序实现时间进度条功能
2020-10-15 23:23:47主要为大家详细介绍了微信小程序实现时间进度条功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
自制简单小程序10.cpp
2020-12-21 16:04:42自制简单小程序10 -
自制宿舍门禁,微信小程序蓝牙控制,比指纹更安全!
2021-01-06 06:13:58基于安信可TB-02开发板AT固件V0.4.2开发(C语言),使用微信小程序控制,实现多平台可用、多用户、多终端的门禁系统。 提供原始固件和配套小程序,有一定C语言基础(没有也行),略微修改烧写之后就可直接使用。 这... -
怎么样制作小程序,小程序制作app
2021-06-22 16:12:22怎么样制作小程序,小程序制作app 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。从2017年的上线到现在的2018年,不得不说小程序小程序...怎么样制作小程序,小程序制作app
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。从2017年的上线到现在的2018年,不得不说小程序小程序迅速占领用户市场。作为企业/商户不做一个微信小程序简直就太low了,河南浪博科技用简单明晰、通俗易懂的方法介绍一下如何制作微信小程序。
分享一下我的方法,以便让一些非程序员类的人员也可以自己制作小程序。
第一步:公众号小程序注册。
类别选择小程序
按照信息填写相关资料,完成注册后以个人或者企业的身份申请小程序均可。
第二步:在小程序制作工具内用小程序模板制作微信小程序
如果你是一个完完全全的小白,压根就不懂什么是代码,那么我们需要用到小程序制作工具。
就像【码元素】小程序制作工具,这里有很多各种行业的小程序模板种类,很直观化。
注册【码元素】账号进入后台到‘营销中心’点击‘diy装修’里面有各行各业的模板,随便点击一个使用
加载模板后进入后台进行编辑,
编辑结束后,可以先预览,然后保存。这样一个小程序就做成功了。
-
自制杀毒小程序
2018-06-24 15:02:15其实写病毒专杀工具也不像大家想象的那么神秘,利用SDK写个控制台程序来实现病毒专杀,因无须写图形界面,所以简便快捷!你自己也能写!不信?就接着看吧, 废话不说了,接下来就开始谈谈病毒专杀工具的思路及实现... -
装修甲醛怎么办?自制小程序监控的甲醛检测仪
2020-11-04 20:00:00无线节点的空中唤醒技术解析 * 玩玩硬件 13块钱DIY微信小程序远程浇花神器 自制一个 LoRa PM2.5 监测器 语音控制智能家居的抽风小仓鼠 * 心得分享 文档啊,最重要的还是层次感 技术管理入门课_先做个不讨厌的人 ... -
Python:关于pillow库图像处理的自制简单小程序配套UI转换程序
2022-03-06 23:19:37Python:关于pillow库图像处理的自制简单小程序配套UI转换程序 -
节日祝福语自动生成微信小程序源码 (1).zip
2021-07-01 15:37:01节日祝福语自动生成微信小程序源码 (1).zip -
自制简单小程序1.9.exe
2020-12-21 16:04:19自制简单小程序1。9 -
微信小程序地图制作
2018-08-19 21:17:47微信小程序地图制作 小程序开发 地图制作,源码下载 , -
如何自己搭建一个小程序(步骤详解)
2021-03-15 15:53:05微信小程序自2017年1月9日上线以来,极大的方便了人们的生活;也给很多商家提供了全新的推广、销售产品渠道。但是很多用户苦于不懂技术,想自己搭建又无从下手; 那应该如何创建一个属于自己的小程序?今天分享一下... -
微信小程序控制esp8266
2022-04-02 16:16:45小程序 8266 物联网 -
Labview自制公司年会抽奖小程序
2018-01-26 14:05:05自制labview抽奖小程序,可选择同时抽1、5、10人,回车键控制启停,抽奖名单在list文件夹下,抽奖前将名单导入list.csv中即可,中奖人会从名单中删除后放入中奖.csv中 -
给ta打造一款专属的情侣小程序
2021-11-23 02:11:235、上传云函数 右键选择上传并部署(所有文件) 6、上传代码为体验版 上传之后代码可以在自己的小程序后台看到上传的版本,目前个人不支持上传为线上版本,所以我们只能使用体验版,设置为体验版的方法如下: 微信... -
VC++自制小程序---
2008-03-01 23:27:47这是我平时写的一些小程序,内附有详细的制作过程,希望给初学者,以及有一定基础的人提供一些帮助,请大家关注我 -
微信小程序自定义tabbar.zip
2019-07-16 14:04:21微信小程序有官方自定义tabbar案例,但是这官方案例太简单,不知道怎么用。 这款通过自己研究写出的自定义界面,可以满足多栏目需求,自测有效果。 使用方法详解...