微信开发

在编写微信小程序需要调用外部的API接口的时候，你是否遇到下面这种情况？ 我们可以通过修改开发者工具的本地设置，将 不校验合法域名 勾上就可以在开发者工具上正常运行了。 但是如果想在手机上预览，还是需要真机调试才可以正常运行。 所以如果你的小程序需要发布上线的话，我们就需要进行域名配置。 1、首先进入小程序管理后台 点击右边的链接进行跳转 点击此处 2、登录小程序 点击小程序，然后扫码登录 3、配置域名 点击开发 点击开发设置下拉，找到服务器域名 点击修改 注意：一个自然月只能修改5次，所以开发的时候尽量按上文那样，在开发者工具设置成不校验域名进行测试就行了 使用管理员账号扫码登录 - 填入域名，微信小程序规定了域名必须是https开头的，否则无效 然后保存并提交就可以了 4、更新配置 返回开发者工具，在 项目配置中点击一下刷新按钮 进行刷新。 最后，我们的配置信息就可以使用啦 来源： CSDN 作者： 小聪同学鸭 链接： https://blog.csdn.net/XiaoC_ong/article/details/104364448

一，笔记 小程序分为渲染层和逻辑层，渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本，一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端做中转，逻辑层发送网络请求也经由Native转发。 二，开发经验总结 1：点击一个链接跳转之后，再返回到这个页面，需要重新加载的版块就放到onshow()生命函数中，不需要从新加载的放到onload()生命周期函数中 2：需要加载的模块页面需要加载动画，不要都放到整个页面都呈现出一个加载动画。 3：小程序json配置文件的key必须是双引号，且json文件最后一个值不要有 " ," 逗号出现。 4：小程序中的使用图片一定要设置宽高，否则微信会默认给设置一个宽高 5：小程序中如果设置平方字体（苹果手机中才会出现的字体）： view { font-family : "PingFangSC-Thin" ; } 6：页面能写成一个一个组件拼装起来，就写成组件的形式:，这样可以实现代码复用。 7：小程序中的api用promise对象进行封装，实现一致性异步操作 //request请求 function request ( url , data , method , type ) { return new Promise ( ( resolve , reject ) => { wx

系列目录 前言： 一、阅读这段系列之前，你必须花半天时间大致阅读微信公众平台的API文档，我尽量以简短快速的语言与大家分享一个过程 二、借助微信公众平台SDK Senparc.Weixin for C#,所以你必须对Senparc进行独立的了解 http://weixin.senparc.com/ 三、如果配置遇到困难，下载文章尾部源码进行参考 ---------------------------------------------------资源---------------------------------------------------------- 1.微信公众平台登录地址： https://mp.weixin.qq.com/ 2.注册为公众账号后，会让你选择类型，类型分三种：订阅号（ 我是个人只能选择这个 ）、服务号、企业 　三个类型接口开放程度不同，我们作为开发者，不必理会什么接口，只要成为开发者，全部高级接口都可以调用 3.登录后 成为开发者 4. SDK Senparc.Weixin封装了微信6.x的所有高级接口支持微信公众号、企业号、开放平台、微信支付、JSSDK 配置： 登录测试号后，可以看到一些配置，公开的接口，及说明，大致浏览所有接口名称之后。可以总结出： 1.开发环境利用appID，appsecret来获得Token 2

0、补充在前面的话 2018.05.15 补充： 最近公众号的功能要更新，又得把这东西捡起来，结果发现花生壳现在内网穿透要收费了，简直不爽。所以如果不考虑付费的话，这篇文章基本上就要报废了，这尼玛耶，索性找了个好东西，免费的，就只贴链接了，是个叫“NATAPP”的软件，设置也很简单，设置方式戳这里《 NATAPP1分钟快速新手图文教程 》。 1、必备工具 想要实现本地测试，那么需要实现外网能访问本地内网，即需要实现内网穿透，即我们可以将内网的服务器映射到外网给别人访问。 微信开发使用的内网映射工具，下面介绍两款，本章会以花生壳作为工具介绍： Ngrok （参考博文： 微信开发环境搭建 ） 花生壳 （参考教程： 本地服务器的环境配置 ） 2、花生壳搭建内网测试环境 2.1 花生壳设置 花生壳是一款内网穿透软件，先到官方网站进行 软件下载 和 注册 ，并申请开通 个人应用免费版 （大概花费10RMB左右） 打开花生壳软件，点击域名列表： 看到花生壳分配给我们的一个二级域名，我们点击内网穿透： 选择添加映射， 选择网站80端口类型，因为微信接口调用仅支持80端口 ，配置内网主机ip地址，和内网端口： 其中主机ip地址，可以通过cmd的ipconfig命令查询： 内网端口，根据你电脑本地安装的Tomcat的配置文件中设定的端口有关： 以上配置完成以后，试着把我们原常用来访问页面的

一、微信小程序开发--页面文件组成 [page.name].js 页面逻辑文件，用于创建页面对象，以及处理页面生命周期控制和数据处理　　 [page.name].wxml wxml指的是Wei Xin Markup Language 用于定义页面元素结构的. 语法遵循XML语法，不是HTML语法 [page.name].json （可选） 设置当前页面的Window的配置，此处会覆盖app.json中的window设置，也就是说，只可以设置window中设置的属性。 [page.name].wxss （可选） wxml指的是 Wei Xin Style Sheet 用于定义页面样式的语法，语法遵循Css语法，扩展了css的基本用法和长度单位 （主要是rpx 响应式像素） 二、微信小程序开发--应用程序设置(app.json) 注：如果需要用代码，请把注释删除或换行{ "pages": [ 　　　　　　　　　　　　　　　　　　　　　　//pages:用来配置页面路径的 "pages/index/index", "pages/logs/logs" ], "window": {　　　　　　　　　　　　　　　　　　　　　　　　 "backgroundTextStyle": "light",　　　　　　　　　　　　　　　　//下拉 loading 的样式，仅支持 dark / light

一、几种请求方式 Http请求 wx.request({ url:"", data:{}, header:{}, method:"GET/POST", success:function (res) { //返回的数据被封装在 res 对象的 data 属性中 console.log(res.data) }, fail:function (res) { } }) 注意不同的请求方式应用不同的请求头信息，默认 GET 方式，如果你 POST请求也是默认请求头，后台POST请求方法将无法获取data中的参数 GET 请求： header:{'content-type': 'application/json'} POST 请求： header:{'content-type': "application/x-www-form-urlencoded"} 来源： https://www.cnblogs.com/shiqi17/p/12308095.html

一，小程序的文件结构 小程序包含一个描述程序的app和多个描述各自页面的page 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： 一个小程序页面由四个文件组成，分别是： 下面是一个单页面的小程序所需目录： 其中： index文件夹代表一个页面。index.js脚本文件相当于JavaScript脚本文件。.json配置文件。.wxml相当于HTML模板文件。.WXSS相当于css样式文件。 utils文件夹是全局配置。app.json当前小程序的全局配置。app.js全局脚本文件。app.wxss全局样式。project.config.json工具配置，sitemap.json小程序内搜索配置。 注意：在app.json的'pages'属性中 路径不可以设置为绝对路径，否则会报错。 二，页面的配置 页面配置在 页面.json 的文件中进行配置。 常用基础配置有： 在小程序文档里有全面的配置项 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html 根目录下的 sitemap.json 文件用来配置小程序及其页面是否允许被微信索引。 默认所有页面都会被微信索引。 三，view,text,image组件 来源： https://www.cnblogs.com

最近因为需要帮女朋友实现一个微信小程序，所以去了解了一下小程序的开发。对于微信小程序的开发，之前完全没接触过（但有一些前端开发经验），作为完全的新手，入手资料肯定是 微信小程序开发文档 ，根据这些天的开发过程的经验来看，最好先详细的过一遍官网的文档，大部分的坑是因为没有详细阅读文档，而另一部分坑是因为文档没有写。。。 注：项目架构是：C/S架构，前后端完全分离，前端：微信小程序，后端：springboot 开发过程遇到的坑主要以下几点： 微信登录实现模块 开发文档中， 登陆逻辑 描述的很清楚，首先小程序中调用 wx.login() 获取 微信提供的临时登录凭证code ，然后把code传到开发者服务器（我们的后端服务器），后端再使用申请的专属appid和appsecret、code（刚才前端传过来的code）作为三个入参，调用微信授权url（https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code（APPID即appid，SECRET即appsecret，JSCODE即code，其他的不变）），微信授权中心会返回两个字段：用户唯一标识 OpenID 和 会话密钥 session_key；为了安全

刚开始入门小程序开发，踩过不少坑，稍微总结一下。 Vant UI 是轻量、可靠的小程序 UI 组件库，可以方便我们快速制作出美观的小程序界面。 Vent Weapp 官方网站链接在此 1、下载 Node.js 我是使用 npm 命令来引入这个库，Node Package Manager 是 Node 包管理工具，方便大家导入各类 JavaScript 开源包（运行在 Node.js 上），Node.js 是一个 JavaScript 运行环境。 首先得先下载 Node.js ， 官网链接 下载安装完成后，打开 cmd 上面输入 node -v 和 npm -v ，如果显示出版本，就证明安装成功了。 如果这里没成功，可能是 Path 环境变量中没设置好，得去把路径改为安装 npm 的路径。 2、引入 Vant UI 打开微信开发者工具，右键 miniprogram，在终端中打开。 在命令行可以再测试一下 npm -v 是否有效，如果还是 报错说 npm 不是内部或外部命令 ，首先检查环境变量有没有问题，更改以后可以尝试重启计算机。 我这里调了很久，最后右键微信开发者工具，以管理员身份运行解决了这个问题（hhh 以上没问题之后，在命令行输入： npm i @vant/weapp -S --production 回车，等待安装完成。这里的安装步骤其实 Vent Weapp 官网 都有

微信小程序开发MAP（地图） https://blog.csdn.net/qq_35844359/article/details/73740001 微信小程序地图开发入门(一) https://blog.csdn.net/sinat_30162391/article/details/60779224 「微信小程序」实现获取当前位置并在地图上显示 https://blog.csdn.net/tycsbs/article/details/52690007 微信小程序模板消息的两种实现方式 https://blog.csdn.net/yaoxunji/article/details/79176710 一个简单的电商网站秒杀程序的实现 https://blog.csdn.net/xiongchen2012/article/details/54292941 电商项目中使用Redis实现秒杀功能 https://blog.csdn.net/weixin_39768635/article/details/78089200 来源： https://www.cnblogs.com/wsybky/p/9224536.html