主要内容:1. SSL免费证书申请步骤2. Nginx HTTPS 配置3. TLS 1.2 升级过程 微信小程序要求使用 https 发送请求,那么Web服务器就要配置成支持 https,需要先申请SSL证书 小程序也要求 TLS(传输层安全协议)的版本至少为 1.2,在配置好 https之后,如果 TLS 的版本较低,就涉及到升级问题 所以 Server端环境配置的主要步骤: 申请 SSL 证书 配置web服务器支持https(我使用的是nginx) 升级到 TLS 1.2 SSL证书申请…

app下的app.json文件是全局配置. app下的每一个page中,也可以配置.json文件. page中配置的内容是对应app中window配置项下的内容. page中的配置将覆盖window中的全局配置,形成自己page的个性样式. [微信小程序开发]全局配置 End…

微信开放第三方API接口, 申请地址: https://mp.weixin.qq.com/advanced/advanced?action=interface&t=advanced/interface&token=1865635074&lang=zh_CN 官方提供PHP开发代码下载: 点此下载 如果你的微信接口页面没有做好,提交保存的时候,会提示:验证Token失败.这个错误是因为,你的接口页面还没有反馈正确的信息给微信接口.微信在教程方面还做得不够成熟,就一个PHP示例,还是有…

微信小程序如今被广泛使用,微信小程序按照微信官网的定义来说就是: 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 这就是微信小程序的魅力所在,有的时候我们不需要去下载过多的app,只要打开微信,就可以应用每一个服务,甚至连注册都变得简单起来,具有特别贴近人心的用户体验. 最近在做一个微信小程序的服务端,主要就是实现登录.业务账号和微信号绑定的基本功能,接下来总结一下如何实现微信小程序的服务端代码. 要去实现服务端的代码,就要先去了解客户端的…

在个人开发微信小程序时,发布之前要配置微信小程序的域名https及域名的SSL证书的申请及安装 我用的是腾讯云,SSL证书申请好之后,点击下载,解压文件夹,会有如图,根据你要配置的服务器是哪种,我是tomcat配置,这时候腾讯云官方有文档,教你4种不同该怎么去云服务器配置,一步步跟着走就行.一般配置完成后会发现,还是运行不了https的网址,我个人用配置Tomcat时就出现这个问题,小程序端还是不能认证https的网址,这时将云服务器tomcat/conf/server.xml中的注释掉,就成功…

前言: 小程序是指微信公众平台小程序,小程序可以帮助开发者快速的开发小程序,小程序可以在微信内被便捷地获取和传播:是一种不需要下载安装即可使用的应用小程序,和原有的三种公众号是并行的体系.2017年1月9日,微信小程序正式上线. 本篇博文就网上资料及相关教程整理一下,希望对想要进行小程序开发的小白提供一下帮助. 第一步:想要进行微信小程序开发,必须有自己的微信开发者账号,在这里博主提供一下微信公众平台的链接:https://mp.weixin.qq.com (万恶的腾讯家,竟然还要一个新的邮箱来…

微信公众平台首页 https://mp.weixin.qq.com 微信公众平台测试帐号系统 https://open.weixin.qq.com/connect/qrconnect?appid=wx39c379788eb1286a&scope=snsapi_login&redirect_uri=http%3A%2F%2Fmp.weixin.qq.com%2Fdebug%2Fcgi-bin%2Fsandbox%3Ft%3Dsandbox%2Flogin 1.微信公众平台提供的帐号模式 服务…

using AIOWeb.Models; using Newtonsoft.Json; using Newtonsoft.Json.Linq; using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namespace AIOWeb { /// <summary> /// wxapi 的…

在上一章中,我们通过开发者工具快速创建了一个 QuickStart 项目.你可以留意到这个项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件 接下来我们分别看看这4种文件的作用. JSON 配置 我们可以看到在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,我们依…

今天看看小程序全局配置. 上一篇[微信小程序开发]秒懂,架构及框架 配置,无非就是为了增加框架的灵活性,而定下的规则. 微信小程序的配置文件是一个树状结构,各个节点代表不同的配置项,小程序框架会解析这个文件,作为APP的全局配置. 上图…… 全局配置信息 脑子里有这个图,就比较清晰了. 配置点: 1.pages是一个字符串数组,小程序有多少个page,要把路径和文件名配置进来,第一项就是初始页面. 2.window用于配置小程序的状态栏.导航条.标题.窗口颜色等. 3.tabBar用于配置上方或…

Java Web项目 我们在Eclipse里开了Java Web项目之后,Run As Tomcat或者Apache服务器,本地运行,如果直接用http://localhost:8080访问项目,会发现浏览器会打开一个默认的页面. 这个页面是在什么地方配置的呢? 每个Java Web工程的目录下面,都有一个名为WEB-INF的目录,里面包含一个配置文件web.xml.Web项目的默认页面就定义在里面的welcome-file-list节点里. Android项目 我们知道一个Android项目里…

一.小程序结构目录 小程序框架提供了自己的视图层描述语言 WXML 和 WXSS,以及 JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑. 官网 1.1. 小程序文件结构和传统web对比 结构 传统web 微信小程序 结构 HTML WXML 样式 CSS WXSS 逻辑 Javascript Javascript 配置 无 JSON 通过以上对比得出,传统web 是三层结构.而微信小程序 是四层结构,多了一层 配置.json 1.2. 基本的项目…

1.promise.async.await const Koa = require('koa') const app = new Koa() // 应用程序对象 有很多中间件 // 发送HTTP KOA 接收HTTP(使用中间件,中间件实际就是函数) // await: 1.求值关键字,不仅是promise,表达式也可以(100*100) // 2.阻塞当前线程 // async 只要函数前面加了async,返回的值就会被promise包裹 // 注册 app.use(async (ctx, n…

目录 一.小程序结构目录 1.1 小程序文件结构和传统web对比 1.2 基本的项目目录 二.配置介绍 2.1 配置介绍 2.2 全局配置app.json 2.3 page.json 三.视图层 3.1 数据绑定 3.1.1 普通写法 3.1.2 组件属性 3.1.3 bool类型 3.2 运算 3.2.1 三元运算 3.2.2 算数运算 3.2.3 逻辑判断 3.2.4 字符串运算 3.2.5 注意 3.3 列表渲染 3.3.1 wx:for 3.3.2 wx:for 3.3.3 wx:key…

微信小程序注册 1.直接搜索微信小程序,按照流程进行注册 2.如果有微信公众号,可以在公众号内部点小程序,进入注册流程 小程序中的概念 开发设置 在开发设置中获取AppID和AppSecret AppID:小程序在微信官方服务器的唯一标识(相当于主键,每个小程序的AppID都不同) AppSecret:小程序的秘钥,它是在调用微信接口的时候,需要传递的参数.(初次需要生成,生成之后可以重置.) 服务器域名:后台程序的域名,域名必须是公网可以访问的https的域名 wx50df37c3d7136e…

原文转载自「刘悦的技术博客」https://v3u.cn/a_id_103 美团很早就开源了mpvue这个项目,如此看来,美团可不仅仅是一家团购网站,真正的技术驱动型企业,使得我们多了一种用来开发微信小程序的框架选项.由于mpvue框架是完全基于Vue框架的(重写了其runtime和compiler),因此在用法上面是高度和Vue一致的(某些功能由于受限于小程序环境本身的原因而不能使用,但是瑕不掩瑜),这给使用过Vue开发Web应用的前端开发者提供了极低的门槛来开发小程序. 搭建所需的软件环境,…

方案1:直接使用微信小程序提供的 “scroll-view " 组件. <scroll-view scroll-y style="height: 100%;"> <!--你要滚动的内容--> </scroll-view> 注意:必须要设置scroll-view的高度height 加了scroll-view之后,外出view需加上overflow:scroll,否则还是会被撑大,导致固定布局的位置有问题. 方案2: view{ overflo…

关于微信小程序的背景知识,在此不做阐述,可以自行搜索了解.本文将介绍微信小程序的账号的注册,IDE的下载,创建一个实例小程序. 1.注册小程序 前去链接:https://mp.weixin.qq.com/ 点击小程序 填写相关信息,并去邮箱激活. 这样小程序的账号就注册完成了. 2.登陆到小程序的后台 小程序的后台和公众账号的后台登陆的入口是一致的,用公众账号登陆就跳转到公众号的后台,用小程序的后台登录就是跳转到小程序的后台.所以两者的账号体系不是互通的,也就是说一个邮箱只能注册这两者的其中一个…

https://developers.weixin.qq.com/miniprogram/dev/index.html  起步 https://developers.weixin.qq.com/miniprogram/dev/component/view.html  标签 https://developers.weixin.qq.com/miniprogram/dev/framework/config.html  配置   app.json文件里的配置 属性 描述 pages 页面路径列表(所有…

可以在项目根目录使用 project.config.json 文件对项目进行配置. miniprogramRoot Path String 指定小程序源码的目录(需为相对路径) qcloudRoot Path String 指定腾讯云项目的目录(需为相对路径) pluginRoot Path String 指定插件项目的目录(需为相对路径) compileType String 编译类型 setting Object 项目设置 libVersion String 基础库版本 appid Stri…

前言 一,为什么需要反向代理 小程序访问的是 443端口,咱需要把443端口的数据传给MQTT 这节为了避免大家配置出错,以下源码已经配置. 如果大家想自己配置,请参考 https://www.cnblogs.com/yangfengwu/category/1558450.html 拷贝文件到服务器 一,下面文件已经配置好了反向代理,用户只需要修改域名和SSL文件即可使用 注:如果自己的服务器不需要PHP,可不拷贝php7.zip 解压出来文件 进入以下目录,打开nginx.conf 1.打开n…

明白了小程序中的 JavaScript 同浏览器以及NodeJS有所不同后,开发者还需要注意到另外一个问题,不同的平台的小程序的脚本执行环境也是有所区别的. 小程序目前可以运行在三大平台: iOS平台,包括iOS9.iOS10.iOS11 Android平台 小程序IDE 这种区别主要是体现三大平台实现的 ECMAScript 的标准有所不同.截止到当前一共有七个版本的ECMAScript 标准,目前开发者大部分使用的是 ECMAScript 5 和 ECMAScript 6 的标准,但是在小程…

1.安装less. 安装好node之后,打开运行-->cmd-->进入安装node的文件夹目录-->输入 npm install -g less. 然后自动就会在C:\Users\Administrator\AppData\Roaming\npm\node_modules这个目录下安装好less了. 注意:a) 不能直接用node.exe来直接npm 安装哦,这样会抛出   npm should be run outside of the node repl, in your norma…

经过测试发现,当时间格式为 2018-08-08 08:00 ,需要将时间转为其他格式时,Android端转换成功,iOS端报错或是转为NaN 这是因为iOS端对符号‘ - ’不支持,也就是说iOS端只支持这种格式: 2018/08/08 08:00,也就需要将符号 ‘ - ’ 换成 ‘ / ’,这样的格式在两端中都兼容 替换方法: let oldTime = '2018-08-08 08:00' let newTime = oldTime.replace(/-/g, '/')…

配置别名可以方便书写代码引用路径,让代码更整洁. 官方文档可参考https://nervjs.github.io/taro/docs/config-detail#alias 一.在config/index.js下配置alias const config = { --- alias: { '@/components': path.resolve(__dirname, '..', 'src/components'), '@/utils': path.resolve(__dirname, '..',…

一.关于dva dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架. 具体内容可以看官网. 二.在taro中配置dva 1.安装如下依赖 npm install --save dva-core dva-loading npm install --save redux react-redux redux-thunk redux-logger 2.在sr…

…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源…

环境配置概述 主要内容: SSL免费证书申请步骤 Nginx HTTPS 配置 TLS 1.2 升级过程 微信小程序要求使用 https 发送请求,那么Web服务器就要配置成支持 https,需要先申请SSL证书 小程序也要求 TLS(传输层安全协议)的版本至少为 1.2,在配置好 https之后,如果 TLS 的版本较低,就涉及到升级问题 所以 Server端环境配置的主要步骤: 申请 SSL 证书 配置web服务器支持https(我使用的是nginx) 升级到 TLS 1.2 SSL证书申请…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源下载5…