微信小程序入门1

什么是微信小程序?

与传统的原生应用相比,微信小程序是一种全新的连接用户与服务的应用,它可以在微信内被便捷地获取和传播,同时具有良好的用户体验。微信小程序是运行在微信中的应用,是一种不需要下载即可使用的应用,用户通过微信扫一扫或者搜一搜即可打开,且每个微信小程序的体积非常小。

了解微信小程序

  1. 无需安装:用户在使用微信小程序时无须安装,直接使用,不占用存储空间
  2. 用完即走、无须卸载:在使用微信小程序后,可以用完即走,无须卸载
  3. 名称唯一:某一个名称被注册后,另一个微信小程序将不能使用相同的名称
  4. 入口丰富:用户可以通过多种途径打开微信小程序,例如微信搜索、好友分享、小程序识别码等
  5. 传播能力强:微信小程序入口丰富,再加上基于微信生态,使得微信小程序的传播能力强

微信小程序是继原生应用和HTML5应用之后出现的一种新的应用形态,从功能方面来说,与他们是竞争对手。那么微信小程序与原生应用、HTML5应用有什么区别呢?

微信小程序与原生应用的对比如下表。

对比图

微信小程序与HTML5应用的对比如下表。

对比图1

微信小程序的发展前景

1. 生态体系
目前,微信小程序已经形成了自己的生态体系,它连接了开发者、运营者、投资者等各领域的企业,并且接入了多个第三方服务的平台。微信小程序已经进入到了一个快速发展的阶段,未来的发展空间也越来越大。
2. 开放能力
在发展过程中,微信小程序不断自我完善, 为开发者开放了越来越多的接口,它可以适用于大多数的用户和场景,还可以方便开发者进行深度挖掘。同时,微信为小程序提供了越来越多的开放功能,例如微信扫码、微信支付、地理定位等,这对微信小程序的发展也会起到推动作用。
3. 用户黏性
目前,微信小程序已经积累了大量用户,用户黏性高,使其他行业与微信用户有更好的连接,能够更好地与微信结合。

微信小程序的宿主环境

宿主环境(Host Environment)是指程序运行所依赖的环境。例如,iOS系统和Android系统提供了两种不同的宿主环境,微信、微博等应用都需要依赖宿主环境才能运行,如下图。

运行环境
Android系统的应用不能在iOS系统中运行,iOS系统的应用也不能在Android系统中运行。因此,脱离了宿主环境的软件是没有任何意义的。

微信小程序可以跨平台,这是因为微信小程序并不是一个直接安装在Android系统或iOS系统中的应用,而是运行在微信客户端上的应用。微信客户端给微信小程序提供的环境就是微信小程序的宿主环境。

微信小程序在Android系统和iOS系统中的宿主环境如下图。

宿主环境

微信小程序的宿主环境为微信小程序提供了丰富的组件和API(Application Program Interface,应用程序接口),具体解释如下。

组件:用于快速搭建页面的结构。微信小程序的组件包括视图容器、基础内容、表单、导航、媒体、地图、画布、开放能力等。

API:用于让开发者方便地调用微信提供的功能,例如获取用户信息、微信登录、微信支付等

微信小程序开发前准备

掌握微信小程序开发账号的注册方法,能够独立完成微信小程序开发账号的注册

1.使用浏览器访问微信公众平台的官方网站
使用浏览器访问微信公众平台的官方网站
2.选择注册的账号类型
单击步骤1图片中“立即注册”链接,即可进入开发账号的注册页面,在该页面中可选择注册的账号类型
选择注册的账号类型
3.跳转到小程序注册页面
单击步骤2图片中的“小程序”链接,跳转到小程序注册页面。
跳转到小程序注册页面
4.在步骤3小程序注册页面根据提示填入自己的邮箱、密码、确认密码等,完成账号信息的填写。

5.邮箱激活页面
单击步骤3图片中的“注册”按钮,进入提示邮箱激活页面。
邮箱激活页面
6.查看激活链接
单击步骤4图片中的“登录邮箱”按钮,查看收到的账号激活链接。
查看激活链接
7.用户信息登记
单击步骤6中激活账号的链接,将跳转到用户信息登记页面,根据页面提示进行用户信息登记。
用户信息登记

8.注册完成
填写完用户相关信息后,单击“继续”按钮,进入微信小程序管理后台。微信小程序开发账号注册完成。

注册完成

掌握获取微信小程序AppID的方法,能够从微信小程序管理后台获取AppID

如何获取微信小程序AppID?
在微信小程序中,AppID又称为小程序ID,是每个小程序的唯一标识,每个小程序账号只有一个AppID,因此每个账号只能发布一个小程序,如果要发布多个小程序,需要注册多个小程序账号。

获取appID

  • 24
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
老规矩,先看本节效果图我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。核心代码就下面这些一,创建一个云开发小程序关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看我之前的文章,或者看下我录制的视频:https://edu.csdn.net/course/play/9604/204528创建云开发小程序有几点注意的1,一定不要忘记在app.js里初始化云开发环境。2,创建完云函数后,一定要记得上传二, 创建支付的云函数1,创建云函数pay三,引入三方依赖tenpay我们这里引入三方依赖的目的,是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node,关于如何安装node,我这里不做讲解,百度一下,网上一大堆。1,首先右键pay,然后选择在终端中打开2,我们使用npm来安装这个依赖。在命令行里执行 npm i tenpay安装完成后,我们的pay云函数会多出一个package.json 文件到这里我们的tenpay依赖就安装好了。四,编写云函数pay完整代码如下//云开发实现支付 const cloud = require('wx-server-sdk')cloud.init() //1,引入支付的三方依赖 const tenpay = require('tenpay'); //2,配置支付信息 const config = ;exports.main = async(event, context) => 一定要注意把appid,mchid,partnerKey换成你自己的。到这里我们获取小程序支付所需参数的云函数代码就编写完成了。不要忘记上传这个云函数。出现下图就代表上传成功五,写一个简单的页面,用来提交订单,调用pay云函数。这个页面很简单,1,自己随便编写一个订单号(这个订单号要大于6位)2,自己随便填写一个订单价(单位是分)3,点击按钮,调用pay云函数。获取支付所需参数。下图是官方支付api所需要的一些必须参数。下图是我们调用pay云函数获取的参数,和上图所需要的是不是一样。六,调用wx.requestPayment实现支付下图是官方的示例代码这里不在做具体讲解了,完整的可以看视频。实现效果1,调起支付键盘2,支付完成3,log日志,可以看出不同支付状态的回调上图是支付成功的回调,我们可以在支付成功回调时,改变订单支付状态。下图是支付失败的回调,下图是支付完成的状态。到这里我们就轻松的实现了微信小程序的支付功能了。是不是很简单啊,完整的讲解可以看视频。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值