小程序直播项目搭建

项目功能:

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

项目启动:

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和秘钥。

相关推荐
码云数智-大飞16 小时前
2026 年跨端开发决战:小程序原生 vs uni-app vs Taro 深度对比
小程序·uni-app·taro
河北清兮网络科技1 天前
直播APP开发怎么选?流媒体高端定制架构解析,避开模板与外包技术坑
小程序·架构·app·短剧·短剧app·广告联盟
上单带刀不带妹1 天前
小程序图片缓存问题:时间戳和版本号解决图片不更新
缓存·小程序·vue·uniapp
bug总结1 天前
uniapp 微信小程序请求规范
微信小程序·小程序·uni-app
微三云 - 廖会灵 (私域系统开发)1 天前
垂直行业 SaaS 实践|AI 美业小程序,构建美业服务全链路数字化闭环
人工智能·小程序
做萤石二次开发的哈哈1 天前
海康班班通交互一体机技能接入实战:ISAPI透传+OTAP双协议封装,Web/App/小程序教学管理应用一站生成
前端·物联网·小程序·交互·萤石开放平台·蓝海aiot一站式工作台·aiot开发
云迈科技-软件定制开发1 天前
长沙企业软件开发、App 开发全流程|需求、开发、上线、运维拆解
小程序·app开发
盟道科技1 天前
电商小程序SKU数据模型设计:SPU、规格组合、库存与价格的工程实践
服务器·小程序·apache
mykj15511 天前
社交找搭子app小程序找人组局更方便
小程序·app开发·小程序开发·找搭子app