开发微信小程序所需要的http服务器搭建

1.安装Node.js
2.在所开发的小程序中同级目录中建立一个新的文件夹，如你说开发的小程序在wxapp文件夹下一个form的文件夹中，那么你就在同级目录中新建一个文件夹如form_server，打开这个文件夹，在路径处输入cmd回车，表示在当前目录下进入DOS界面
3.在界面中输入:

npm init -y

y 的含义：yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.json文件
4.安装express包：

npm install express --save

5.nodemon 能够自动检测代码修改，自动重新加载代码，用npm全局安装nodemon这个软件，-g全局安装

npm install nodemon -g

6.安装小型编辑器，notepad++，安装后可改语言，窗口右下角修改为如下图

7.使用notepad++保存一个js到form_server文件夹下：如：index.js
8.在index.js文件中输入：const express =request('express') 加载express模块
9.body解析模块：const bodyParser =require('body-parser')，用来解析客户端发过来的实体内容
10.保存express实例给app，const app = express()
11.把body解析模块传给app，app.use(bodyParser.json())
12.post请求第一个参数是路径，第二个是回调函数是request和response对象，输出请求的内容，以json格式输出内容

app.post('/',(req,res) =>{console.log(req.body)res.json(req.body)
})

13.监听3000端口，回调函数输出,这里选用的是本地地址，如果想在手机后台显示，可以将手机和电脑连接同一WiFi下，然后把地址中127.0.0.1改成电脑的ip地址即可

app.listen(3000, () =>{console.log('server running at http://127.0.0.1:3000')
})

14.在控制台输入：nodemon index.js打开
15.在微信开发工具中函数中输入：

wx.request({method:'post',url:'http://127.0.0.1:3000',data:e.detail.value,success:function(res){console.log(res)}})

如果出现以下报错

可在右上角详情设置，勾选

然后就可以在控制台看到输出信息

开发微信小程序所需要的http服务器搭建相关推荐

小程序登录本地服务器,微信小程序实现用户登录模块服务器搭建
我选用的是node.js来搭建服务器,没有安装的小伙伴可以参考我的node.js其他博客. 服务器安装与配置初始化项目,将会自动创建package.json配置文件. npm init -y 安装E ...
ieda ts文件报错_使用TS开发微信小程序（1）：环境搭建——VSCode+TS
前言现在接到小程序需要改版的需求,由于使用Ionic的经验,希望以后能够统一开发语言降低开发成本,所以想使用TypeScript进行开发. 开发前准备工作先是看官网,在微信小程序的官方开发文档中找 ...
SpringBoot+mysql搭建微信小程序后台（4）服务器搭建
此前后端代码只能在本地运行,不能在其他设备,联网访问,而搭建配置服务器后,把项目放在服务器运行,就可以通过服务器来访问我们的项目,如网站,作小程序数据接口等本文采用的是阿里云ECS服务器,可根据自己 ...
开发微信小程序入门前
开发微信小程序入门前百牛信息技术bainiu.ltd整理发布于博客园 2016年09月21日晚微信发不了微信"小程序"的内测版,一时间整个互联网都炸了锅.个大新闻.论坛都在讨论 ...
WordPress 网站开发“微信小程序“实战(二)
原文链接:https://devework.com/wordpres...,转载请用明链注明来源,谢谢! 本文是"WordPress 开发微信小程序"系列的第二篇,本文记录的是开发 ...
python开发微信小程序-微信小程序开发：python+sanic 实现小程序登录注册
开发微信小程序时,接入小程序的授权登录可以快速实现用户注册登录的步骤,是快速建立用户体系的重要一步.这篇文章将介绍 python + sanic + 微信小程序实现用户快速注册登录全栈方案. 微信小程 ...
python开发微信小程序-Python 开发者的微信小程序开发实践
导读在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...
vsCode 开发微信小程序插件
用 vsCode 开发微信小程序可以配置以下插件,让开发更美好: 1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS ...
使用牛刀云开发微信小程序（问题集锦）
前不久,起步科技正式推出牛刀云1.0,我想这也应该是许多WeX5的忠诚追随者(我也算是其中之一吧)期望的结果了.使用牛刀云开发微信小程序,能够实现使用类似于WeX5的所见即所得组件积木搭建方式构建前端 ...

开发微信小程序所需要的http服务器搭建

开发微信小程序所需要的http服务器搭建相关推荐

最新文章

热门文章