🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余11个优惠名额) →

博客

小程序学习手册:创建小程序项目

现在我们就已经准备好,可以在本地去创建一个小程序项目进行设计与开发了。先在本地创建一个存储小程序的目录,然后在小程序开发者工具里面再去创建一个小程序项目,选择小程序所在的目录,输入 AppID,设置一下小程序的名字就可以了。

任务

  1. 创建一个空白的小程序项目。

步骤

  1. 在本地创建一个空白的目录来存储小程序项目。
  2. 打开微信开发者工具,选择 小程序项目
  3. 选择 项目目录,填写小程序的 AppID,再给小程序起个名字,然后 确定
  4. 用你喜欢的编辑器打开小程序所在的目录。

先在电脑上新建一个空白的目录可以存储小程序项目,比如 wxapp-ninghao-dev 。然后打开微信开发者工具,一开始会提示你用微信扫码登录一下,微信帐号应该拥有对小程序项目的开发权限。登录以后,提示选择 小程序项目 或者 公众号网页项目。我们应该选择 小程序项目

小程序学习手册:配置小程序

在正式开发小程序之前,还得再去做点配置。去设置一下小程序的基本信息,比如名字,描述,分类等等。如果你需要其他的开发者参与小程序开发,你还得去添加小程序开发者,并且设置他们拥有的权限。小程序里面涉及到的域名也需要去配置一下,比如你想在小程序里请求应用的后端服务,你就需要去把服务用的域名添加到服务器域名配置里面。

任务

  1. 配置小程序基本信息
  2. 添加开发者(可选)
  3. 获取到 AppID 与 AppSecret
  4. 配置服务器域名
  5. 配置业务域名

填写小程序信息

登录到小程序的管理后台,在首页,小程度发布流程的下面,填写一下小程序信息,小程序名称,小程序头像,小程序介绍,选择服务类目,然后 提交。

宁皓 3 月精彩回顾

微信支付开发手册
介绍了微信支付的开发准备,还实现了几种微信支付功能。如果能理解这种支付功能的实现方法,应该可以很容易去实现其它类型的支付,比如支付宝。还可以了解开发调试外部服务接口的一整套方法。

《网站》系列重制
这是一套完全原创的内容,从设计开始,制作了两个商业产品页面。包含大量设计思路,与响应式页面的设计方法。

Node.js 应用:路由
在应用里面定义一些地址,指定用户在请求这些地址的时候应该去做些什么。比如返回客户端需要的数据等等。这就是应用里面的路由要做的事情。

小程序学习手册:介绍、准备与添加小程序

微信小程序就是可以在微信内部运行的应用,它是微信公众平台的一部分。你可以根据自己的产品与服务去创建一些小程序,让它们在微信内部传播。用户可以通过小程序查看与使用你提供的服务,可以直接在小程序里面调用微信支付购买你提供的服务。

微信用户相互之间可以很方便的分享小程序,可以把小程序分享到微信群里,用户在微信向下拉动屏幕,屏幕上方就会显示出用户最近使用的小程序。

宁皓网推出的小程序系列课程,可以教会你创建微信小程序。宁皓网现有的课程已经为开发小程序提供了完整的知识框架。你要先了解 HTML,CSS,还有 JavaScript。

界面

小程序里面提供了视图层,你可以去创建应用的界面。它里面使用了自定义的标记语言与样式语言,这些东西跟网页设计用的 HTML 与 CSS 非常相近。界面结构的组织方式与样式的应用几乎是一样的,只不过小程序提供了一些自己的标签组件。所以你想设计与开发小程序的界面,你最好先能解决 HTML 与 CSS,就是可以使用它们去设计与开发一般的能在浏览器上打开的网页。这会对设计小程序的界面非常有帮助。

内容更新:《Node.js 应用:查询构建器》

跟着前面的 Node.js 应用课程,到现在您应该已经了解了框架的基本的使用方法,并且准备好了一个可以连接的 MariaDB 这种关系型数据库。你应该还明白了如何去修改应用需要的数据结构,就是理解了 Migration 的创建与使用方法。现在进行下一步,理解如何在应用里使用查询构建器(Query Builder)去操作数据库里的数据。最近更新的《Node.js 应用:查询构建器》介绍了具体的方法。

内容更新:《Node.js 应用:数据库迁移》

你打算设计一下网站应用需要的数据库的结构,可以通过 Migration(迁移)去完成。也就是你想要对数据库结构的修改,需要把这些修改的动作定义成 Migration。每个 Migration 都是一个类(Class),在这个类里面你可以使用一些方法去完成对数据库结构的修改。

有了 Migration 以后,再去使用应用提供的命令行工具去运行一下,这样就可以完成对数据库的修改了。如果你想恢复对数据库的修改,也可以 Rollback(回滚)一下。使用这种方式的好处是,你可以把应用的数据库结构写成代码保存起来,可以执行也可以回滚。最近更新的《Node.js 应用:数据库迁移》里面介绍了 Migration 的使用方法。

我们介绍的这个 Node.js 框架支持很多种数据库,PostgreSQL,MySQL,MariaDB,Oracle,SQLite。默认会使用 SQLite,使用这种数据库不需单独去安装数据库管理系统,所有的数据会存储在一个数据库文件里。你可以使用 DB Browser for SQLite 这个工具查看数据库文件里的东西。

内容更新:《支付宝:电脑与手机网站支付》

了解一下在我们的网站应用上实现一个支付宝支付功能,都需要去做些什么。我们会完成电脑与手机网站支付的功能,应用可以根据用户的浏览器的类型自动切换不同的支付方式。

内容可以让您尽快理解支付宝的支付功能,先从这里开始,然后再去研究具体的文档。很多细节需要大量的测试才能完成,这会用掉你很长时间。该做的实验在做成视频之前我都做过了,需要注意的东西都会给你提示 。

预览课程内容。改变只需要做一次决定,现在就去订阅宁皓网吧 :)

微信支付:公众号支付实施细节

用户在微信应用内部的浏览器打开我们应用的支付页面,页面会去请求一个登录凭证(code),通过这个登录凭证又会得到用户的 Openid,这个 Openid 就是加密之后的用户的微信号。

这个时候用户就可以按一下支付按钮请求支付,我们的应用会组织好好需要调用统一下单带的数据,去获取到一个微信支付的预支付。然后我们的应用会组织好公众号支付需要的一些参数, 再把它们返回给应用的前端,再由前端去调用微信的 JSAPI 来请求支付。请求支付会调起用户的微信支付功能,用户可以确认并且完成支付 。

支付成功以后,会把用户带回到我们指定的页面上,在页面上可以引导用户查询交易状态,如果查询的结果是 SUCCESS,可以把用户带到一个成功提示的页面。这个就是我们要实现的一个微信支付的公众号支付功能。

文章内容有一个配套的演示视频,宁皓网会员可以学习对应的视频课程

初学网站应用开发:后端

网站应用的前端,可以想成是在浏览器上显示的界面。这个界面是你自己设计好的,界面上需要的资源会通过网站服务器传输给用户的浏览器。浏览器收到这些资源,它知道怎么处理这些资源,呈现给用户的就是最终的前端界面。网站应用还需要个后端服务,它提供了网站的主要功能,主要负责处理网站上的数据。

你设计了一个前端界面,比如一个注册用户的表单,用户在浏览器上打开了这个表单所在的页面。然后在表单上填写好了一些数据,按下了提交按钮,浏览器会把表单里的数据发送到我们指定的地方。这个地方就是网站的后端服务的某个接口(路由)。在后端服务的这个处理注册用户用的这个接口上,知道怎么去处理发送过来的表单里面的数据,比如可以验证一下数据,然后把它们存储在网站的数据库里。

用户在浏览器上访问我们网站的某个地址,这个地址需要有一个对应的后端服务接口,这个接口是我们自己设计的。可以根据需求,为浏览器响应回需要的数据。比如你打算在开发的网站后端里设计一个接口,地址是 /posts。访问这个接口地址的时候,返回的内容就是一个内容列表数据。这样在开发这个接口的时候,我们可以验证用户的权限,然后查询网站的数据库,把需要的内容列表数据提取出来,处理一下(比如把数据套用在内容列表模板上),再响应给发出请求的浏览器。

Fujifilm X-E3

(用 Canon 600D,100mm,自然光,拍摄于家中)

呆子们都有个幻想,就是弄个单反拍女孩。当初有了这个想法以后,买了个 Nikon D90,女孩没拍到几个,却成为了朋友们专用的婚礼摄影。不过感觉还不错,觉得自己有点用。后来我看人家手里拿的单反个头比我的大,按起快门来咔嚓咔嚓,就像切大西瓜,觉得好专业,就把 Canon 5D Mark 3 写在了某年的愿望清单里,一年半以后还真的实现了,所以我猜愿望清单是有效果的。

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点