小程序直播项目搭建

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

项目启动:
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语句 最终将数据插入到表中;
小程序中的代码演示:

sendUserInfo(){wx.request({url:'******',data:{name:'zhansan',age:21,tel:'1360907998'}})
}

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

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函数中开发:

const express = require('express')
const app = express()
const mysql =require('mysql')
const port = 9000app.get('/',async (req,res)=>{const {name,age,tel} = req.qureyconst 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和秘钥。
 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/644836.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

extends 和 implements

以下是 extends 和 implements 在Java代码中的区别和示例: 示例1:使用 extends 实现类继承 // 定义一个父类 Animal public class Animal {public void eat() {System.out.println("动物在吃东西");}public void sleep() {System.out.printl…

java获取一段视频/mp4的时长

引言 在日常开发中&#xff0c;经常会遇到产品经理提出一个需求“上传视频”&#xff0c;而且还得显示出视频的播放时长&#xff0c;我们直接上最简单的代码&#xff0c;必须是最简单&#xff0c;多一句啰嗦都不准点赞。 How to do 1.提前引入包 <!--视频多媒体工具包 包…

Java-Objec

Objec Class Object是类Object结构的根。 每个班都有Object作为超类。 所有对象&#xff08;包括数组&#xff09;都实现了这个类的方法。 一.构造 二.常用方法 Modifier and TypeMethod and Descriptionprotected Objectclone() 创建并返回此对象的副本。 booleanequals(Obj…

【typescript】记录typescript可运行的demo工程

ypescript可运行的工程&#xff08;本包不包含依赖&#xff09; 1、通过 yarn 自行 下载依赖 2、然后运行yarn serve https://download.csdn.net/download/HWTwilight/88778733

现在你还不知道怎么使用宝塔面板嘛,下面带你从某里云购域名开始

1. 注册阿里云账号 首先&#xff0c;你需要注册一个阿里云账号。访问阿里云官网&#xff0c;点击右上角的"注册"按钮&#xff0c;按照指示填写相关信息并完成注册。 2. 购买域名 在成功注册并登录后&#xff0c;点击顶部导航栏中的"域名"选项&#xff0…

嵌入式学习-网络编程-Day8

1.进程与线程区别 异 1.进程是资源分配的最小单位&#xff0c;线程是执行任务的最小单位 2.颗粒度不一&#xff0c;进程分配4G的虚拟内存&#xff0c;线程占用8K内存 3.进程创建后&#xff0c;进程之间的资源相互独立&#xff1b;同一进程中的线程共享进程的资源 4.线程是进程…

【Docker】Docker学习④ - Docker镜像与制作

【Docker】Docker学习④ - Docker镜像与制作 一、Docker简介二、Docker安装及基础命令介绍三、Docker镜像管理四、Docker镜像与制作1. 手动制作yum版nginx镜像2. DockerFile制作yum版nginx镜像3. 手动制作编译版本nginx镜像4. 自定义tomcat镜像5. 构建haproxy镜像6. 本地镜像上…

mybatisplus做SQL拦截添加自定义排序

前言 工作中写的一段代码&#xff0c;备个份&#xff0c;以后兴许能直接用 功能描述&#xff1a;如果前端传入了排序规则&#xff0c;则优先按传入的字段进行排序&#xff0c;SQL原有的排序规则追加到末尾 正文 定义拦截器 import cn.hutool.core.bean.BeanUtil; import cn.h…

应用实践|基于Python手把手教你实现雪花算法

&#x1f4eb; 作者简介&#xff1a;「六月暴雪飞梨花」&#xff0c;专注于研究Java&#xff0c;就职于科技型公司后端工程师 &#x1f3c6; 近期荣誉&#xff1a;华为云云享专家、阿里云专家博主、 &#x1f525; 三连支持&#xff1a;欢迎 ❤️关注、&#x1f44d;点赞、&…

【机器学习300问】17、什么是欠拟合和过拟合?怎么解决欠拟合与过拟合?

一个问题出现了&#xff0c;我们首先要描述这个问题&#xff0c;然后分析问题出现的原因&#xff0c;找到原因后提出解决方案。废话不多说&#xff0c;直接上定义&#xff0c;然后通过回归和分类任务的例子来做解释。 一、什么是欠拟合和过拟合&#xff1f; &#xff08;1&am…

文件上传技术总结

语言可解析的后缀 &#xff08;前提&#xff1a;在Apache httpd.conf 配置文件中有特殊语言的配置 AddHandler application/x-httpd-php .php 搭配大小写、双重、空格来进行 其中&#xff1a; phtml、pht、php3、php4和php5都是Apache和php认可的php程序的文件后缀 常见的…

解决vld内存泄露检测工具只支持到vs2015的问题,visual studio2015以上版本安装vld内存泄漏检测工具[实测vs2022生效]

目录 一.vld工具下载二.vld应用安装三.visual studio2022环境配置四.visual studio2022 vld内存检测测试 一.vld工具下载 Visual Leak Detector github链接: https://kinddragon.github.io/vld/ 下载直达链接: https://github.com/KindDragon/vld/releases/tag/v2.5.1 下拉至…

Spring Boot 学习之——@SpringBootApplication注解(自动注解原理)

SpringBootApplication注解 springboot是基于spring的新型的轻量级框架&#xff0c;最厉害的地方当属**自动配置。**那我们就可以根据启动流程和相关原理来看看&#xff0c;如何实现传奇的自动配置 SpringBootApplication//标注在某个类上&#xff0c;表示这个类是SpringBoot…

初识汇编指令

1. ARM汇编指令 目的 认识汇编, 从而更好的进行C语言编程 RAM指令格式: 了解 4字节宽度 地址4字节对齐 方便寻址 1.1 指令码组成部分 : condition: 高4bit[31:28] 条件码 0-15 &#xff08;16个值 &#xff09; 条件码: 用于指令的 条件执行 , ARM指定绝大部分 都可…

MySql索引事务讲解和(经典面试题)

&#x1f3a5; 个人主页&#xff1a;Dikz12&#x1f525;个人专栏&#xff1a;MySql&#x1f4d5;格言&#xff1a;那些在暗处执拗生长的花&#xff0c;终有一日会馥郁传香欢迎大家&#x1f44d;点赞✍评论⭐收藏 目录 索引 概念 索引的相关操作 索引内部数据结构 事务 为…

Linux启动级别和密码问题文件

1、linux启动级别 如果安装的linux默认带的图形化界面&#xff0c;默认的运行级别为5 graphical.target 因为图形化太耗费资源了&#xff0c;想每次启动的时候&#xff0c;更改它的默认允许级别为命令行&#xff08;文本&#xff09; cat /etc/inittab 修改为命令行 多用户…

洛谷刷题-【入门2】分支结构

目录 1.苹果和虫子 题目描述 输入格式 输出格式 输入输出样例 2.数的性质 题目描述 输入格式 输出格式 输入输出样例 3.闰年判断 题目描述 输入格式 输出格式 输入输出样例 4.apples 题目描述 输入格式 输出格式 输入输出样例 5.洛谷团队系统 题目描述 …

大数据开发之SparkSQL

第 1 章&#xff1a;spark sql概述 1.1 什么是spark sql 1、spark sql是spark用于结构化数据处理的spark模块 1&#xff09;半结构化数据&#xff08;日志数据&#xff09; 2&#xff09;结构化数据&#xff08;数据库数据&#xff09; 1.2 为什么要有sparksql hive on s…

C++ 实现 std::is_shared_ptr、std::is_unique_ptr 模板(判断是否为智能指针)

为什么要单独实现这两个模板呢&#xff1f;这取决于编译器版本&#xff0c;在相对低的编译器版本上面&#xff0c;可能没有办法适用这两个库。 比如&#xff1a; C 11 标准上面&#xff0c;是不支持这两个SFINAE测试模板的 C 17 也并非任何版本都支持&#xff0c;如果想要保…

Vue 中如何模块化使用 Vuex

在 Vue 中使用 Vuex 进行模块化管理状态非常简单&#xff0c;以下是一个基本的代码示例&#xff1a; 在 main.js 中引入 Vuex&#xff1a; import Vue from vue import Vuex from vuexVue.use(Vuex)// 创建 store const store new Vuex.Store({// 定义状态state: {count: 0}…