手把手会教你搭建微信小程序服务器node!!!


补充:此方法本人亲测有效!!!所学所得倾囊分享

前言

搭建服务器的前提条件是:需要下载且安装好“微信开发者工具”


一、官网下载node及安装

1.下载安装node

选择自己电脑对应的系统下载:https://nodejs.org/en/download/
双击安装即可
在这里插入图片描述
弹出此框后,一直点击next即可(注意:如果需要,可以修改安装路径)
在这里插入图片描述

2.检查是否安装成功

【安装完成之后…two hours later…】

(通过查看版本号),操作如下:
   ① win+r 可进入命令框,在输入cmd,回车即可
   ② 进入在命令提示符中输入:node -v
   ③ 按下回车键
   在这里插入图片描述
   出现版本号及安装成功!!!

二、搭建环境

1.新建项目文件夹

文件目录如图:
在这里插入图片描述
打开命令窗口输入:cd 目录的路径
切换到我们刚刚创建的server文件夹
在这里插入图片描述

2.搭建服务器环境

通过输入命令提示符进行以下操作
   ① 初始化项目
   在命令窗口输入:npm init -y
   ② 安装express框架
   在命令窗口输入:npm install express --save
   ③ 安装nodemon
   在命令窗口输入:npm install nodemon -g

完成以上操作后,将会在server文件夹中看到以下内容:
在这里插入图片描述

3.创建index.js文件

用“微信开发者工具”打开server文件夹,在该目录下创建index.js文件,编写以下代码:

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())

//处理POST请求
app.get('/',(req,res)=>{
  console.log(req.body)
  res.json(req.body)
})

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

保存index.js文件之后
在命令窗口输入:nodemon index.js
执行此命令后,看到下图内容,表示服务器启动成功
在这里插入图片描述

3.补充小细节

需要在“微信开发者工具”中关闭网络验证
点击“微信开发者工具”中右上角中的详情
在这里插入图片描述
本地设置中的下图选项,勾选即可。
在这里插入图片描述

今天分享的微信小程序服务器的搭建就到此结束啦,感谢您的观看。
在这里插入图片描述

  • 24
    点赞
  • 189
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
好的,让我们开始吧!创建微信小程序需要以下步骤: 1. 注册微信小程序账号 在微信公众平台注册一个小程序账号。如果您没有微信公众号账号,需要先注册一个公众号账号。在注册小程序账号时,需要提供您的身份证信息进行实名认证。 2. 创建新的小程序 进入小程序后台,点击“开发”-“开发设置”-“新增小程序”-“小程序名称”填写您的小程序名字,点击“提交”即可。 3. 配置小程序信息 在小程序后台,点击“开发”-“开发设置”-“基本设置”可以设置小程序的基本信息,如小程序的头像、简介、关联公众号等。 4. 开发小程序小程序后台,点击“开发”-“开发设置”-“开发者工具”下载并安装开发者工具。打开开发者工具后,可以创建小程序项目,编写代码并进行调试。 5. 发布小程序小程序后台,点击“提交审核”进行小程序审核,并在审核通过后进行发布。 下面是一个简单的微信小程序开发示例: 1. 创建项目 打开微信开发者工具,点击“新建小程序项目”按钮,填写项目信息,包括小程序名称、AppID、项目目录、代码类型等。 2. 编写代码 使用开发者工具中提供的代码编辑器,在项目目录中编写小程序代码。这里我们以一个简单的“Hello World”小程序为例,代码如下: ``` //index.js Page({ data: { text: "Hello World" } }) ``` ``` <!-- index.wxml --> <view>{{text}}</view> ``` 3. 预览小程序 在开发者工具中,点击“预览”按钮,可以预览小程序的效果。可以通过手机扫描预览二维码,在手机端进行预览。 4. 发布小程序小程序开发完成后,可以在小程序后台进行提交审核。审核通过后,可以在小程序后台进行发布。 希望这个简单的示例能够帮助您了解微信小程序的开发流程。如果您需要更详细的指导,可以参考微信小程序开发文档或者找专业的小程序开发公司寻求帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PRINT!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值