2020-02-20 19:37:57 u012877217 阅读数 69
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    28190 人正在学习 去看看 秦子恒

云开发介绍

什么是云开发
2017年微信小程序发布后,一度的开发模式是前端页面使用微信小程序的相关组件,在涉及到后台登录及业务交互的时候,需要使用自建的服务器,后台不管是PHP还是JAVA架构,都需要暴露相应的接口供微信小程序调用,这种开发模式技术架构复杂,开发调试难度大,适合本身业务比较成熟的专业公司使用。
之后随着技术的发展,微信推出了云开发的模式,前端还是使用微信的相关组件开发,但是后端通过微信搭建的NodeJS后台,只需要将相应的业务逻辑封装成函数,供前端调用即可,数据库使用MongoDB,可以在线的创建集合、数据库记录,使用起来非常方便。而且因为前后端技术都用微信自建的技术,所以不需要租用第三方服务器,程序可以自动完成部署,上线通过微信官方代码审核后只需要按照使用的流量交费即可,就和手机的卡一样,开通多少钱的月租就会有多少流量。而且前期有个免费流量,一般的应用开通每月100元的月租即可,整体从开发到运维都非常方便。

如何开通云开发
先需要访问微信公众号的官方地址:https://mp.weixin.qq.com/,自己注册一个账号
官网首页
在主体选择的页面选择小程序
主体选择
因为是需要通过邮箱注册的,邮箱也是日后登录的账号,按照要求操作就可以了
在这里插入图片描述
每次登录的时候需要注册的时候的管理员的微信号码认证一下,通过后就可以打开小程序的后台管理页面了
在这里插入图片描述
日常经常使用的功能是版本管理和用户管理,版本管理是代码提交之后可以设置为体验版本,那么在用户管理的体验人员就可以用手机体验你做的小程序的具体效果。用户管理主要是用来增加体验人员的,当然还可以设置开发人员,总之这两个功能是挺好用的。
在这里插入图片描述
环境搭建
除了后台的日常操作外,像JAVA开发都会有开发工具一样,微信小程序开发也有自己的开发工具,在后台导航栏的文档栏目下边的工具里可以下载安装
在这里插入图片描述
在这里插入图片描述
具体安装就不介绍了,非常简单,按照提示一路下一步就行。
创建项目
工具安装完毕后,双击图标,就可以打开了,这里要强调一个知识点就是APPID,这个呢相当于小程序的唯一标识码,日常创建工程的时候都需要填写,怎么找这个ID呢,在后台打开开发栏目:
在这里插入图片描述
即可找到。
安装完毕后双击安装后的图标
在这里插入图片描述
在打开的界面点击+号创建项目
在这里插入图片描述
选择项目需要新建的目录,录入项目名称,最重要的是填写自己项目的APPID,后端服务选择小程序云开发
在这里插入图片描述
点击新建按钮即可创建云开发的项目
在这里插入图片描述
界面整体功能比较清晰,分为导航栏,左侧的模拟器,和右边的代码管理器
在这里插入图片描述
导航栏的云开发相当于数据库管理的后台入口,点击可以进入管理界面创建集合增加记录,同时可以管理小程序上传的附件。编译器可以清除缓存,选择编译哪个页面。而模拟器的作用是显示程序运行后在手机的效果,代码管理器按照文件夹的形式管理不同业务模块的代码。
在这里插入图片描述
在代码管理器里分为两部分,前端代码和后端代码,前端代码都放在miniprogram文件夹下,后端代码都放在cloudfunctions文件夹下。
本教程为实践教程,后续会以一个实际的小项目来讲解一下如何使用云开发的技术来开发一款小程序。

需求分析

项目背景
项目的发起方是长期从事教育行业的资深从业者,为了满足家长快速的找到适合的老师进行一对一的辅导,有了搭建家教平台的需求,为此提出项目需求。
家长需求
首页用于介绍“名师汇➸家教帮帮”小程序的宗旨。具体内容如下,可用一个静态HTML把下面内容编好就行:
培优名师:可以按照九宫格显示学科的科目,点击科目可以列出该科目下的所有老师,再点击老师名称可以看到教师的详细信息。
快速请家教,家长可以发布自己的预约信息,填写自己的要求和实际的位置,便于平台匹配合适的老师。
平台管理的功能
老师管理的功能:可以维护老师的信息,发布到培优名师栏目。
预约管理的功能:可以查看最新的预约信息,列表要区分哪些信息被查看过。

数据库设计

通过需求分析,总体上设计了三个表,一个是权限表,里边添加管理员的openid这样就可以在手机上区分是管理员还是普通的家长。第二个表设计了教师表,满足家长浏览信息及管理员维护信息的需要。第三个表设计了预约信息表,记录家长提交的预约内容。
权限表(admin)
在这里插入图片描述
教师表(teacher)
在这里插入图片描述
预约表(subscribe)
在这里插入图片描述

总体架构

要编制项目在看完需求并完成数据库设计之后,下一步就需要考虑技术架构,前端用什么架构、后端用什么架构,这里我们前端采用的是微信的原生前端框架weui,后端是采用的云函数。好处是全部采用微信的框架去搭建省去了各种技术不融合的麻烦,而且开发效率也比较高。
weui搭建方法
登录到微信公众号平台,点击文档栏目
在这里插入图片描述
点击扩展能力可以看到weui的组件库
在这里插入图片描述
里边介绍的非常详细,初学遇到的问题就是不会安装npm,具体的安装方法是打开开发工具,在miniprogram右键选择在终端打开即可
在这里插入图片描述
在终端里依次执行npm init
在这里插入图片描述
npm init install
在这里插入图片描述
npm install weui-miniprogram
在这里插入图片描述
之后在开发工具的详情里勾选使用npm模块
在这里插入图片描述
然后在工具栏里选择构建npm
在这里插入图片描述
构建成功后多了一个miniprogram_npm目录就代表成功了
在这里插入图片描述
构建完毕需要在app.wxss里的第一行增加
@import ‘miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss’;这样weui就可以正常使用了
PS:如果提示npm不是内部或外部命令,说明你电脑没有安装nodejs,自己下载最新的版本安装一下就可以。

首页

导航页

概览页

详情页

我的页面

课程总结

2017-05-03 09:07:52 liaohaojian 阅读数 2022
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    28190 人正在学习 去看看 秦子恒
2019-04-12 17:54:23 sunspotlee 阅读数 119
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    28190 人正在学习 去看看 秦子恒

目录

1、准备工作
2、后台WEB服务开发
3、前端微信程序开发

最近学习了一下微信小程序的开发过程,过程比较简单,为此撰写一篇过程文章,以示纪念。

准备工作

发布系统,必须走如下流程:

服务器资源

本人使用的腾讯云账号、腾讯云服务器(数据库服务和web服务所在机器)

域名申请及备案

只花1块钱,完成账号申请域名:www.test.com

在这里插入图片描述
腾讯云网站备案真实性核验单:
网站解析用的是腾讯云服务,与客服沟通备案先期工作(先在腾讯云上完成备案(备案管理页面),通过后再由腾讯云代理完成公安备案,中间过程略。)

手机下载 shbeian软件进行域名备案

SSL证书申请

在腾讯云上完成免费的SSL证书申请,待腾讯云审核通过后,下载到服务器上备用。

微信平台账号申请

在微信官方网站(https://mp.weixin.qq.com/)上,注册一个账号,并获取一个免费的小程序ID(发布微信程序时用)。

后台web服务开发

本人使用vb.net开发了一套web httpclient服务,提供用户登陆和查询功能。
服务发布在数据库服务器上,做到本地连接(基本库+数据库链接到云数据库)。
iis发布时,加上免费的SSL证书即可。

前端微信程序开发和测试

 使用微信开发工具,开发一套简单的用户登陆界面和用户查询界面即可。网址连接服务https://www.test.com/xxx.aspx即可。

开发完毕后,可提交版本。
提交后,登陆微信平台,进行版本管理及发布流程。

结束语

  为了完成程序开发,你可以会用到JSON服务器测试环境的搭建,需要下载一些第三方软件,比如:nginx、Win64OpenSSL_Light-1_0_2r.exe、node-v10.15.3-x64.msi什么的。
2019-06-24 22:12:11 Lyn_B 阅读数 830
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    28190 人正在学习 去看看 秦子恒

官方文档

微信云开发

能力 作用 说明
云函数 无需自建服务器 在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码
数据库 无需自建数据库 一个可以在小程序前端操作,也能够在云函数中读写的JSON数据库
存储 无需自建存储和CDN 在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理
云调用 原生微信服务集成 基于云函数免鉴权使用小程序开放接口的能力,包括服务端调用、获取开放数据等能力

创建云开发项目

创建新项目,选择小程序·云开发,输入项目名称,项目目录以及你的AppID(可以用你的微信号在官网上获取),点击新建
在这里插入图片描述成功创建一个云开发项目,初始化的项目是微信官方给出的一个云开发项目示例(一个实战教程),点击真机调试,打开微信扫描二维码,即可在手机端运行该云开发小程序,根据指引完成简单教程

打开云开发控制台

点击微信开发者工具左上方的云开发按钮,打开云开发控制台:
在这里插入图片描述
在资源使用中可以看到当前资源的使用量:

  • 数据库容量
  • 存储容量
  • CDN流量/月
  • 云函数调用次数/月
  • 云函数资源使用量/月

在用户访问中可以看到访问的用户信息以及用户的操作:
在这里插入图片描述在监控图表中可以更加直观的看到数据库,存储和云函数的状态:
在这里插入图片描述此外,还可以进行数据库操作,查看存储和云函数的状态:

  • 通过点击数据库创建集合(collection),往集合里添加JSON数据,还可以对每个集合设置相应的权限
  • 存储中可以查看存储状态和内容,并且设置权限
  • 云函数中可以查看云函数的状态,并且可以新建云函数,以及查看云函数的输出日志
2016-05-25 01:07:47 qq_31896011 阅读数 92
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    28190 人正在学习 去看看 秦子恒
步骤如下:
1、申请阿里云服务器
2、买域名,备案
3、申请服务号,开通后认证(和上述两项并行)
清单:
一、阿里云备案需要的资料
1、首先需要企业法人身份证正反照照片各一张
2、其次是网站负责人的身份证正反照照片各一张
3、公司的营业执照照片
4、下载的真实性核验单图片打印后由公司公章及签名
备注:详情请参考http://jingyan.baidu.com/article/495ba84109e35338b30ede13.html
二、阿里云服务器申请
1、电脑联网
2、支付宝(付款)
3、账号
备注:详情请参考http://jingyan.baidu.com/article/4e5b3e195ae68a91901e2402.html
三、微信公众号申请
电脑、微信公众平台、手机、邮箱、营业执照相关信息及副本扫描件
备注:详情请参考http://jingyan.baidu.com/article/e9fb46e190a51a7521f766d7.html
四、认证服务号
1、企业工商营业执照,税务登记证等扫描件;
2、运营者姓名、身份证正反面照片、身份证号码、电话号码、邮箱;
3、300元认证费用;
备注:详情请参考http://jingyan.baidu.com/article/90bc8fc85eab9cf653640cb5.html


说明:上述申请过程中的账号和密码需要给我,所以慎重起见,一些密码可以修改后再申请。
2016.5.24

微信支付–在本地弄测试环境

博文 来自: weixin_38091174
没有更多推荐了,返回首页