vue开发微信公众号怎么本地测试

2024-11-03

node vue 微信公众号（三）启用本地服务器

1.下载nginx http://nginx.org/en/download.html 2.启动服务 3.配置natapp服务,并启动

由于工作项目的原因,需要使用vue开发微信公众号,但是这种微信公众号更多是将APP套了一个微信的壳子,除了前面的授权和微信有关系以外,其他的都和微信没多大的关系了,特此记录开发流程首先需要在电脑上安装微信web开发者工具和花生壳(内网穿透),然后有一个微信公众平台的账号第一步: 下载安装花生壳,点击内网穿透然后会在浏览器中打开下面这个界面这里需要注意的是外网访问地址和内网主机地址. 第二步: 登录微信公众平台后,滚动页面到最下面,点击开发下面的开发者工具. 然后选择公众平台测试账号,会

使用vue开发微信公众号下SPA站点的填坑之旅

原文发表于本人博客,点击进入使用vue开发微信公众号下SPA站点的填坑之旅本文为我创业过程中,开发项目的填坑之旅.作为一个技术宅男,我的项目是做一个微信公众号,前后端全部自己搞定,不浪费国家一分钱^_^. 我决定实现如下功能架构上,实现前后端分离.方便以后前后端的分工考虑到体验,前端做成SPA站点,也就是单页面应用需要使用微信的JSSDK 需要有微信支付功能作为一个偏后端的半专业前端人士,经过一两周的调研和学习后, 我决定使用如下技术后端使用php搭建接口,本文主要讲前端,不细说 w

Vue开发微信公众号默认背景为灰色

最近公司有一个项目,使用Vue开发微信公众号,开发过程遇到一个问题,即设计图的整体背景是白色的,但是公众号里默认的背景是浅灰色,如果某个页面高度没能占满一屏,就会露出浅灰色的默认背景,会显得很不协调. 使用单纯的CSS没能解决这个问题,在网上查了些资料也没发现特别好的方法,最后还是采用了JS解决这个问题. document.documentElement.style.backgroundColor = "#fff"; this.screenH = window.screen.avail

vue开发微信公众号--地图

在最近开发的微信公众号中,要实现一个打卡功能: 由于个人感觉微信SDK里面的地图不太好用,所以使用了腾讯地图. 在项目中引入腾讯地图 1,需要登录腾讯地图网站,注册一个账户,获得一个key. 2,然后找到项目根目录下面的index.html,引入需要使用到的js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" c

NATAPP 内网映射，Visual Studio ，C# 实现本地开发微信公众号，本地调试无需服务器

点击软件安装教程,根据安装教程,注册帐号,下载软件,配置软件.配置完后如下图,途中红色位置免费版本是随机的. 红色位置是自己的映射域名. 打开VS,并且打开项目,右键项目,在web 选项中修改项目URL 改成127.0.0.1:80,并且保存. 运行项目,IIS Express 会启动,右键显示所有程序,点击你运行的项目,然后打开文件,applicationhost.config,找到site节点,找到自己的站点,修改代码中红色的位置 <sites> <site name="

使用vue开发微信公众号，解决微信缓存

1.页面加入标红的代码,让页面不缓存 <!DOCTYPE html> <html manifest="IGNORE.manifest"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> &l

用java开发微信公众号：测试公众号与本地测试环境搭建（一）

本文为原创,原始地址为:http://www.cnblogs.com/fengzheng/p/5023678.html 俗话说,工欲善其事,必先利其器.要做微信公众号开发,两样东西不可少,那就是要有一个用来测试的公众号,还有一个用来调式代码的开发环境. 测试公众号微信公众号有订阅号.服务号.企业号,在注册的时候看到这样的信息,只有订阅号可以个人申请,服务号和企业号要有企业资质才可以.这里所说的微信公众号开发指的是订阅号和服务号. 另外,未认证的个人订阅号有一些接口是没有权限的,并且目前个人订阅

vue+node.js+webpack开发微信公众号功能填坑——组件按需引入

初次开发微信公众号,整体框架是经理搭建,小喽喽只是实现部分功能,整体页面效果整个页面使用两个组件:布局 FlexBox,搜索框 Search,demo文档 http://vue.ydui.org/docs/#/quickstart app.vue <template> <div id="powerrank"> <yd-flexbox> <yd-flexbox-item><span style="font-size: 16

vue+node.js+webpack开发微信公众号功能填坑——v -for循环

页面整体框架实现,实现小功能,循环出数据,整体代码是上一篇 vue+node.js+webpack开发微信公众号功能填坑--组件按需引入修改部门代码 app.vue <yd-flexbox> <yd-flexbox-item>能耗排行</yd-flexbox-item> <yd-flexbox-item>房间号</yd-flexbox-item> <yd-flexbox-item>能耗程度</yd-flexbox-item&g

vux+vuex+vue+Es6开发微信公众号的坑

初次开发微信公众号遇到很多问题,可能是基础不怎么牢靠,最近几天一直在看vue的东西,现在就来慢慢介绍vux和vue这个骚东西的用法: 细看文档一步步来, npm install vux --save 安装vux这个ui框架, vux2必须配合vux-loader使用, 请在build/webpack.base.conf.js里参照如下代码进行配置: const vuxLoader = require('vux-loader') const webpackConfig = originalConf

Java开发微信公众号（四）---微信服务器post消息体的接收及消息的处理

在前几节文章中我们讲述了微信公众号环境的搭建.如何接入微信公众平台.以及微信服务器请求消息,响应消息,事件消息以及工具处理类的封装:接下来我们重点说一下-微信服务器post消息体的接收及消息的处理,这个post方法定义在如何接入微信公众平台的[controller]中. /** * 接收微信消息处理并做分发 * @param request * @param response * @throws Exception */ @RequestMapping(method=RequestMethod.

Java开发微信公众号（一）---初识微信公众号以及环境搭建

ps:1.开发语言使用Java springMvc+Mybaits+spring maven实现 2.使用微信接口测试账号进行本地测试 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 3.使用路由侠将本地地址映射到外网地址实现微信公众号的本地调试准备工作: 工欲善其事必先利其器,想做微信公众号开发,首先要申请一个微信公众号(有兴趣的同学可以去微信申请一个,这里就不赘述了:https://mp.weixin.qq

Java开发微信公众号（二）---开启开发者模式，接入微信公众平台开发

接入微信公众平台开发,开发者需要按照如下步骤完成: 1.填写服务器配置 2.验证服务器地址的有效性 3.依据接口文档实现业务逻辑资料准备: 1.一个可以访问的外网,即80的访问端口,因为微信公众号接口只支持80接口.(环境配置) 2.申请一个微信公众号测试账号. 3.编写Java基本代码. 验证服务器地址的有效性开发者提交信息后,微信服务器将发送GET请求到填写的服务器地址URL上,GET请求携带四个参数: 参数描述 signature 微信加密签名,signature结合了开发者填写的t

spring-boot-route（二十三）开发微信公众号

在讲微信公众号开发之前,先来大概了解一下微信公众号.微信公众号大体上可以分为服务号和订阅号,订阅号和服务号的区别如下: 服务号可以申请微信支付功能. 服务号只能由企业申请,订阅号可以有企业或个人申请. 订阅号和服务号每月推送消息次数不同,订阅号每天可以推送一次,服务号每月可以推送四次. 服务号推送的消息会出现在用户的聊天列表中,而订阅号推送的消息显示在订阅号文件夹中. 还有一些其他接口功能的区别和限制,总的来说服务号支持更高级的功能开发. 订阅号更加偏向于向用户传递咨询,一般各种技术类公众号都属

小机器人自动回复（python，可扩展开发微信公众号的小机器人）

api来之图灵机器人.我们都知道微信公众号可以有自动回复,我们先用python脚本编写一个简单的自动回复的脚本,利用图灵机器人的api. http://www.tuling123.com/help/h_cent_webapi.jhtml?nav=doc 这是api提供的接口的数据格式,有了这个我们来开发微信公众号的自动回复是很简单的(自己拓展). 代码如下: # coding=utf-8 import json,urllib def zidonghuifu(content): url='http

PHP开发微信公众号

PHP开发微信公众号:配置和部署服务器及Token认证 https://zhuanlan.zhihu.com/p/28259840

PHP开发微信公众号（一）二维码的获取

要开发微信公众号,首先进行需要注册一个,然后认证.这就不用多说了. 当然如果没有,也可以去申请一个测试号来使用,地址:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 申请成功后,你会得到一个appID 和 appsecret,这个就相当于你的开发者账号和密码. 开发模式如下图: 1.Access_Token的获取对于这个access_token就是一个访问标识,其实不用想得太高深,它就好比是你进图书馆需要的图书卡:

Java开发微信公众号（五）---微信开发中如何获取access_token以及缓存access_token

获取access_token是微信api最重要的一个部分,因为调用其他api很多都需要用到access_token.比如自定义菜单接口.客服接口.获取用户信息接口.用户分组接口.群发接口等在请求的时候都需要用到access_token. (一)access_token的介绍 access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token.开发者需要进行妥善保存.access_token的存储至少要保留512个字符空间.access_token的有效期目

Java开发微信公众号（三）---微信服务器请求消息，响应消息，事件消息以及工具处理类的封装

在前面几篇文章我们讲了微信公众号环境的配置和微信公众号服务的接入,接下来我们来说一下微信服务器请求消息,响应消息以及事件消息的相关内容,首先我们来分析一下消息类型和返回xml格式及实体类的封装. (一)封装请求信息首先打开微信提供的开发者文档:http://mp.weixin.qq.com/wiki/home/ ,点击左侧的“消息管理”----“接收普通消息”,在右侧我们可以看到微信普通消息类型大致有:文本消息.图片消息.语音消息.视频消息.小视频消息.地理位置消息.链接消息:通过查看开发者

Spring Boot 开发微信公众号后台

Hello 各位小伙伴,松哥今天要和大家聊一个有意思的话题,就是使用 Spring Boot 开发微信公众号后台. 很多小伙伴可能注意到松哥的个人网站(http://www.javaboy.org)前一阵子上线了一个公众号内回复口令解锁网站文章的功能,还有之前就有的公众号内回复口令获取超 2TB 免费视频教程的功能(免费视频教程),这两个都是松哥基于 Spring Boot 来做的,最近松哥打算通过一个系列的文章,来向小伙伴们介绍下如何通过 Spring Boot 来开发公众号后台. 1. 缘起