微信开发

一、微信小程序原生开发槽点 1.原生开发对Node、预编译、webpack支持不好，影响开发效率和工程构建 2.原生语法不如vue和react,只能做微信小程序 3.vue和react有很多周边工具，提高开发效率 4.微信的IDE和专业编辑器相比不好用 二、框架分析 1.从用户角度分析 wepy：没有封装小程序api,使用原生的api mpvue：支持微信所有原生组件和api,无限制。同时封装了自己的跨端api,使用方式类似 mpvue.request() taro：支持微信所有原生组件和api,无限制。同时封装了自己的跨端api,使用方式类似 Taro.request(),支持Taro代码与小程序代码混写，可以通过混写的方式调用框架尚未封装的小程序新增API uni-app：支持微信的所有原生组件和api，无限制。在跨端方面，即便仍然使用微信原生的组件和API，也可以直接跨端编译到App、H5、以及支付宝百度头条等小程序。但为了管理清晰，推荐使用uni封装的API，类似 uni.request() 。同时支持条件编译，可在条件编译代码块中，随意调用各个平台新增的API及组件 2.从性能体验分析 微信原生开发手工优化，uni-app>微信原生开发未手工优化，taro>wepy>mpvue 3.从开发者角度分析 DSL语法支持评测： taro , uni-app mpvue wepy

1、只有企业号的管理员才能调试。 2、勾选企业号的开发者工具（具体位置见下图，这个入口位置总是在变，一般来说，找到”微工作台“就能找到了） 3、下载web开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 4、用自己微信登录web开发者工具，在web开发者工具输入网址（企业微信中的自建应用的工作台应用主页所填写的url）即可调试，入下图所示 来源：博客园 作者： hanshuhe 链接：https://www.cnblogs.com/hanshuhe/p/11432923.html

1.创建项目 npx degit remaxjs / template - wechat my - app cd my - app && npm install 2.运行项目 npm run dev 3.在微信开发者工具中，打开项目的dist目录，我们可以看到项目运行效果 水文，本文借鉴自官网 来源：博客园 作者： jser_dimple 链接：https://www.cnblogs.com/smart-girl/p/11429434.html

微信公众号开发java系列（一） 点击之后你就可以看到这样的界面 点击服务器配置中的修改配置，进去之后可以看到 对于服务器配置来说，我们需要设置url和token，aeskey和消息验证有关，下面的的消息加解密方式可以自由选择，开发的时候可以选择兼容。我们在微信公众号中申请一个测试账号。进入之后可以看到 测试账号会提供给开发者appid和appsecret，token可以自己自定义一个加密字符串32位以内就可以了。这里的url可以使用域名。本地调试的话就使用ngrok做一个内网穿透就可以了。url指向接受微信服务器消息的接口地址。 微信官方给出的是将token、timestamp、nonce三个参数进行字典序排序 2）将三个参数字符串拼接成一个字符串进行sha1加密 3）开发者获得加密后的字符串可与signature对比，标识该请求来源于微信。 /** * @param request * @return * @description 验证微信的token * @author zhou * @date 2019/6/1 */ @GetMapping("/tokenVerification") public void tokenVerification(HttpServletRequest request, HttpServletResponse response) { /

动态设置背景颜色 全局变量的使用 修改背景颜色函数的编写 静态设置背影颜色的方式比较简单，只需要在app.wxss中统一设置page样式。 page { background - color : rgba ( 250 , 250 , 250 , 0.90 ) ; } 全局变量的使用 然而我们想动态设置背景颜色，即让用户在给定的背景颜色中做出选择。首先通过查阅资料了解到微信小程序是可以设置全局变量的，要在app.js中添加globalData来实现，具体如下： var backcolor = "#3197ed" //设置初始值 var background globalData : { background : backcolor } 而全局变量是可以在别的地方动态修改的，这就与我们想要的效果非常贴切了。修改动态变量的方法如下： var app = getApp ( ) ; //在开头这样写 …… red : function ( ) { background = "#F4A7B9" this . setData ( { background : background } ) app . globalData . background = background //实现全局变量的修改，此时app.globalData.background的值为"#F4A7B9" } ,

很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接和下载APP，其实这并不难，只要我们利用AugPush微信跳转功能即可。下面给大家介绍这个功能！ 功能目的 生成微信跳转链接，实现微信内置浏览器跳转外部浏览器打开网页。 操作步骤 对网页所属的PHP代码进行相关处理，加入跳转接口即可实现。 第一步：打开AUGPUSH(www.augpush.cn或者百度augpush) 第二步：填入推广链接点击生成按钮 第三步：复制新生成的链接和二维码 第四步：微信转发分享新链接和二维码 功能实现 对网页所属的PHP代码进行相关处理，加入跳转接口即可实现。 用以上方式就可以实现用户在微信内打开分享链接直接跳转到外部浏览器打开了。 如此一来我们就解决了网页分享链接被微信拦截而无法打开的问题了，那么接下来就可以在微信内大量的分享链接或二维码来进行宣传引流。不仅提高了用户体验，也能够极大地提高自己的APP在微信中的推广转化率，充分利用微信的用户群体来达到我们的期望！ 转载请标明出处: Android端APP开发推广 augpush的使用（生成二维码跳转浏览器） 文章来源: https://blog.51cto.com/14356987/2399984

一、vue项目携带一个#会对开发造成一定的影响： 1、微信三方登录回调地址，有#号时，接收不到code参数 2、微信H5支付的回调地址，不允许有# 3、App分享，处理特殊字符时，可能会对#进行编译 现在网站大多有三方登录，支付等功能，存在#，项目开发就存在很大的障碍。话不多说，开始去掉#吧。 二、去掉#方法 在router/index.js文件中，添加history模式 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ mode: 'history', base: '/project-name/', //如果项目根目录不为域名，则添加该行 routes: [{}] }) 三、遇到的问题 1、当修改完成后，发现处理更目录，其他页面直接跳转无法访问到了。我这边，由于项目用于是微信公众号，所以并没有什么影响。 如果其他页面也需要访问的话，提供一个思路（猜测，没实际尝试），可以通过路由拦截器，再路径上加参数实现。 router.beforeEach((to,from,next) => { //拦截所有路由跳转 }) 文章来源: https://blog.csdn.net/football98/article/details/90510297

TabBar有四个子页：Fitting(试衣间)、Wardrobe(衣橱)、Circle(圈子)、Mine(我的)。 这四个页面存放在 src/components/ 下为四个组件。 在 src/pages/main/index.js 编写主页。 代码如下： import Taro, { Component } from '@tarojs/taro' import { AtTabBar } from 'taro-ui' import { View } from '@tarojs/components' import Fitting from './../../components/fitting'; import Wardrobe from './../../components/wardrobe'; import Circle from './../../components/circle'; import Mine from './../../components/mine'; import './index.less'; const tabList = [ { title: '试衣间', iconType: 'eye' }, { title: '衣橱', iconType: 'equalizer' }, { title: '圈子', iconType: 'map-pin',

我们要做的事一个家庭记账本的微信小程序，首先，先对app.json,进行编译 { "pages": [ "pages/index/index", "pages/item/item" ], "window": { "backgroundTextStyle": "dark", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "家庭记账本", "navigationBarTextStyle": "black", "backgroundColor": "gray" }, "debug": true } 在对app.wxss，对app.json,进行结构尺寸单位的特性。 /**app.wxss**/ .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } 就有了如图的界面

现在，我们要实现一个微信内网页，通过微信访问网页时，网页会展示微信用户的个人信息。因为涉及到用户的个人信息，所以需要有用户授权才可以。当用户授权后，我们的网页服务器（开发者服务器）会拿到用户的“授权书”（code）,我们用这个code向微信服务器领取访问令牌（accecc_token）和用户的身份号码（openid)，然后凭借access_token和openid向微信服务器提取用户的个人信息。 第一步：用户同意授权，获取code 第二步：通过code换取网页授权access_token 第三步：拉取用户信息(需scope为 snsapi_userinfo) 那么，如何拿到用户的授权code呢？ 授权是由微信发起让用户进行确认，在这个过程中是微信在与用户进行交互，所以用户应该先访问微信的内容，用户确认后再由微信将用户导向到我们的网页链接地址，并携带上code参数。我们把这个过程叫做网页回调，类似于我们在程序编写时用到的回调函数，都是回调的思想。 在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的开发者中心页配置授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头； 授权回调域名配置规范为全域名，比如需要网页授权的域名为：www.qq.com，配置以后此域名下面的页面 http://www.qq.com/music