小程序直播项目搭建

项目功能:

登录+实时聊天+点赞功能+刷礼物+取消关注+用户卡片+直播带货+优惠券+直播功能

项目启动:

1 小程序项目创建与配置:
第一步 需要登录小程序公众平台的设置页面进行配置: 首先需要是企业注册的才可以个人不能开通直播功能。服务类目 选择在线教育 有直播功能的。

第二步:进入开发管理 接口设置打开开始创建项目: 选择不使用云服务 选择javascript版本

2 使用serverless创建于配置:

首先需要注册腾讯云账号以及实名认证:
第一步 使用云函数: 函数服务选择:北京 命令空间 旁边的齿轮可以添加命名空间 默认default
创建云函数: 首先选择控制板左侧菜单栏函数服务: 点击从头开始->事件函数:

创建云函数成功之后代码执行的界面

想要在项目中或者浏览器中访问的话 需要点击触发管理 然后访问生成的地址

这时候我们在项目中测试使用下这个接口: 首先需要勾选不检验域名校验的功能。
如果我们在项目中要是有axios这个发送请求的包的时候我们应该如何安装呢?

我们首先需要在云函数中导入axios :然后创建package.json文件将vscode下面的自动安装依赖打开:

创建web函数 和创建node.js环境一样: 这里创建一个返回猫眼数据的方法""

如果想要在本地使用node环境的话,需要将云函数的代码拷贝一份,因为package.json有很多依赖的文件这是我们所需要的,在此之上进行功能的开发。
3 使用云数据库:

腾讯云控制台 搜索云数据库mysql: 这里需要购买一步步的安装默认的去配置就可以了,选择安全组就去创建安全组 新建然后默认配置就可以了,最后付费,付费成功之后会有mysql实例表,点击列表进入查看详情:内网地址后期链接需要。

点击tab栏的数据库管理:创建数据库 进入界面选择 新建数据库 点击左侧栏右上角的+号新建表;

点击tab栏***编辑表可视化操作数据库。

基本的数据库操作的语句:插入语句: INSERT INTO `user` (`id`,`name`,`age`,`tel`) VALUES (null,'zhangsan', 12, '13509267938')

更新语句:update `user` set `age`=10 where `id`=2 // 将第二条更新age为10 ;

查询语句 SELECT * FROM `user` LIMIT 50 查询50条;

删除语句 DELETE FROM `user` WHERE `id` = 2 ;

接下来打通从小程序发送请求到云函数中执行sql语句 最终将数据插入到表中;

小程序中的代码演示:

javascript 复制代码
sendUserInfo(){
    wx.request({

        url:'******',
        
        data:{
        
            name:'zhansan',
        
            age:21,

            tel:'1360907998'

        }

    })
}

云函数中的代码 需要执行sql语句:

javascript 复制代码
const mysql =require('mysql')
exports.main_handler = async (event,context)=>{

    consloe.log(event)

    const {name,age,tel} = event.qureyString

    // 如果是post请求的话就需要 JSON.parse(event.body)

    const config = getDBConfig()

    var promisePool = await mysql.createPool(config)

    var users = await promisePool.query('INSERT INTO `user` (`id`,`username`,`password`,`age`,`tel`) VALUES(?,?,?,?)',[null,name,age,tel])

    return {message:'插入成功'}
}

在web函数中开发:

javascript 复制代码
const express = require('express')
const app = express()
const mysql =require('mysql')
const port = 9000

app.get('/',async (req,res)=>{

    const {name,age,tel} = req.qurey


    const config = getDBConfig()

    var promisePool = await mysql.createPool(config)

    var users = await promisePool.query('INSERT INTO `user` (`id`,`username`,`password`,`age`,`tel`) VALUES(?,?,?,?)',[null,name,age,tel])

    res.send ({message:'插入成功'})
}

app.lient(port,()=>{console.log('3000')})

// 如果是基于post请求的还需要在app.js中进行配置
const bodyParser = require('body-parser')
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended:false}))

function getDBConfig (){

    return {
        
        host:'',

        port:'',

        user:'',

        password:'',

        database:'',

        connectionLimit:1
    }
}

4 云直播的使用:

腾讯云搜索云直播:域名管理: 推流域名 播放域名 可以点击添加域名:创建自己的域名同时需要配置域名的CNAME;点击生成链接。这时候使用组件推流 播放地址就可以使用了。

5 即使通信IM

腾讯云 搜索即使通信IM 创建应用 重要的id和秘钥。

相关推荐
吴声子夜歌13 小时前
小程序——组件一
小程序
object not found16 小时前
微信小程序审核机制解析(2026 实践向总结)
微信小程序·小程序
吴声子夜歌16 小时前
小程序——组件二
小程序
蓝黑20202 天前
从经纬度获取地理信息以及从地名获取经纬度
小程序
吴声子夜歌3 天前
小程序——逻辑层
小程序
花木偶3 天前
小迪网安:APP攻防-Day1
安全·小程序
吴声子夜歌4 天前
小程序——生命周期函数和事件处理函数
服务器·前端·小程序
hnxaoli4 天前
win10程序(十六)通达信参数清洗器
开发语言·python·小程序·股票·炒股
吴声子夜歌5 天前
小程序——项目结构
小程序
Lucky小黄人5 天前
微信小程序查看备案号
微信小程序·小程序