微信小程序+Node服务器

将数据提交到服务器，通过小程序中的网络API wx.request()实现

对于正式上线的项目，小程序要求服务器域名必须在小程序管理后台中添加

域名必须经过ICP备案，且只支持HTTPS和WSS协议。

需要在本地搭建一个HTTP服务器，选择Node.js进行搭建

安装成功后，创建一个空目录作为项目目录，在目录下执行命令

1、初始化项目，自动创建package.json配置文件

sudo npm init -y

2、安装Express框架，快速搭建HTTP服务器

sudo npm install express --save

or

npm install express --save

or

cnpm insatll express --save

后期安装request模块

cnpm install request --save

3、安装nodemon监控文件修改

sudo npm install nodemon -g

or

npm install -g nodemon

or

cnpm install nodemon -g

4、执行命令以后，node项目目录下创建index.js文件

搭建一个监听3000端口的HTTP服务器，支持POST请求

用于将收到的数据输出到命令行

用于将收到的数据响应给客户端

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())// 处理POST请求
app.post('/', (req, res) => {console.log(req.body)res.json(req.body)
})var data = {name: '张三',gender: [{ name: '男', value: '0', checked: true },{ name: '女', value: '1', checked: false }],skills: [{ name: 'HTML', value: 'html', checked: true },{ name: 'CSS', value: 'css', checked: true },{ name: 'JavaScript', value: 'js', checked: false },{ name: 'Photoshop', value: 'ps', checked: false },],opinion: '测试'
}// 处理GET请求
app.get('/', (req, res) => {res.json(data)
})// 监听3000端口
app.listen(3000, () => {console.log('server running at http://127.0.0.1:3000')
})

5、启动

nodemon index.js

直接在 VsCode 右键运行 Run Code 也可以

6、利用wx.request()向本地HTTP服务器发送POST请求

method表示请求方式

url表示服务器接口地址

data表示请求的参数

success表示接口调用成功的回调函数

其参数res表示服务器响应信息

//生命周期函数--监听页面加载
onLoad: function(options) {
/*var that = thiswx.request({url: 'http://127.0.0.1:3000/',success: function (res) {that.setData(res.data)}})
*/wx.request({url: 'http://127.0.0.1:3000/',success: res => {console.log(res.data)this.setData(res.data)}})
},
submit: function(e) {wx.request({method: 'post',url: 'http://127.0.0.1:3000/',data: e.detail.value,success: function(res) {console.log(res)}})
}

微信小程序+Node服务器相关推荐

微信小程序配置服务器域名和业务域名
微信小程序配置服务器域名和业务域名背景如何配置服务器域名如何配置业务域名背景微信小程序本身的限制,并不能直接请求接口地址和在web-view中随意跳转H5页面,其需要配置服务器域名,才能在微 ...
亲手创建一台Ubuntu+PHP5+MySQL5+Nginx+openSSL+sshFtp(sftp)的微信小程序云服务器
亲手创建一台Ubuntu+PHP5+MySQL5+Nginx+openSSL+sshFtp的微信小程序云服务器小程序要求Request必须SSL连接,一般虚拟主机不支持SSL,自己有云服务器最佳. ...
微信小程序 Node连接本地MYSQL
微信小程序 Node连接本地MYSQL 搭建Node环境小程序中js发送请求原博客基础上略微修改搭建Node环境前提:MYSQL已经创建好数据库 + 安装好node 项目中,新建一个文件ser ...
node.js 微信小程序部署服务器_微信小程序开发入门（一），Nodejs搭建本地服务器...
1. 如何模拟真实环境中,读取服务端数据,首先需要使用Nodejs搭建一个本地服务器的环境. 在搭建web服务器之前,需要先安装node.js(安装版本最好为6.9.x) 安装后node.js,接下 ...
node.js 微信小程序部署服务器_自行部署微信小程序生产环境(node.js)—腾讯云服务器...
一.前期准备购买域名 + (云)服务器购买https证书二.解决方案在一台(云)服务器上,安装好运行环境(nodejs+mysql+pm2+nginx),然后通过pm2运行小程序后端项目,并在 ...
微信小程序商城服务器搭建,基于微信小程序商城毕业设计（小程序客户端+服务端Node.js源码）毕业论文+运行说明...
微信小程序商城毕业设计(微信小程序客户端毕业设计) 摘要购物商城系统是保证以购物商城为基础的网上交易实现的体系.市场交易是由参与交易双方在平等.自由.互利的基础上进行的基于价值的交换.网上交易同 ...
技术文：微信小程序和服务器通信-WebSocket
本文主要讲一下如何建立一个基于node.js的WebSocket服务器,并在小程序中使用这个提供实时服务的服务器. node.js中已经有很多现成的第三方库,用于构建WebSocket服务.我们今天选 ...
【微信小程序+node】微信小程序结合node用户登录-06
申请一个微信小程序账号,并获取appId,appSecret 1.使用新的qq注册一个新的小程序 2.获取appId,appSecret.特别注意appSecret需要自己保存,每次获取都要验证,特别 ...
微信小程序判断服务器返回值,让微信小程序内置函数返回promise的方法
Promise API const promisic = function (func) { return function (params = {}) { return new Promise((r ...
搭建微信小程序HTTPS服务器
微信小程序是目前热门,学习及应用的人非常多,但很多人不知道小程序接口域名HTTPS怎么做,下面我们将详细介绍搭建微信小程序每一个步骤,希望可以快速的帮助你如何搭建微信小程序与HTTPS服务器. 一.申 ...

微信小程序+Node服务器

微信小程序+Node服务器相关推荐

最新文章

热门文章