3 Unstar Star 27 Fork 7

Kindear / M朋友圈

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

TecLab - M朋友圈(组件版)

🏹 减少后续维护成本,仅保留组件版 (现在已有Java SpringBoot后台版本,circle.mp4是项目展示视频,需要帮助部署的联系 QQ 1025584691)


效果展示

发布页面 略


组件引入准备

1.数据库

云数据库创建如下3张表:

circles_list(帖子列表)

remarks_list(评论列表)

thumbs_list(点赞列表)

2.全局变量

确保app.js中设置变量 app.globalData.openid作为用户身份识别作用。

或者模仿M朋友圈组件app.js文件写法,保留**_self文件夹。修改_self/application.js**配置文件。

/**
 * @DESC 服务于全局的配置文件
 * @TIPS 如果UseCloud 和 UseEsc 同时允许, 优先使用 云开发服务器
 */
var CloudSetting = {
  UseCloud: true,           //是否使用云开发服务器
  CloudId:'kindear-fd77cd', //云开发环境id
  TraceUser:true,           //记录用户访问日志
  AdaptStorge:true,         //允许缓存用户数据
}
var EscSetting = {
  UseEsc:true,           //是否使用自己的服务器
  EscDomain:'https://xxx/',//服务器的域名
  AdaptStorge: true,         //允许缓存用户数据
}
var LogConfig = {
  //日志打印控制器
  StorgeLog:true,         //缓存成功日志
}
var ModeConfig = {
  //模式配置文件
  AdminMode: true, //特权用户模式是否开启
  AdminList:[
    ''
  ],
  BanMode: true,    //黑名单模式是否开启
}
var SafeConfig = {
  ContentSafe: true,   //敏感文字检验模式
  ContentSafeFunc:'',  //敏感文字对应检验函数
  ImageSafe: false,    //图片敏感检验模式
  ImageSafeFunc:'',    //图片敏感检验函数
}
var ScopeConfig = {
  UserInfo:true,        // 需要请求用户信息
  Location:false,       // 请求用户位置信息
}
module.exports = {
  CloudSetting: CloudSetting,
  EscSetting:EscSetting,
  ModeConfig: ModeConfig,
  SafeConfig: SafeConfig,
  LogConfig: LogConfig,
  ScopeConfig: ScopeConfig
}

_self/cloud.js 文件不要做任何改动,app.js 文件获取 openid代码如下

//app.js
var pset = require('_self/application.js');
const cloud = require('_self/cloud.js');
App({
  globalData:{
    openid:'',
    userInfo:null
  },
  //先序执行的函数
  onLaunch: function() {
    this.CloudServer();
  },
  CloudServer() {
    var that = this;
    wx.getStorage({
      key: 'wxuserinfo',
      success: function(res) {
        that.globalData.userInfo = res.data
      },
    })
    if (pset.CloudSetting.UseCloud) {
      console.log('* 云开发 * √' + ' 服务器:' + pset.CloudSetting.CloudId)
      if (!wx.cloud) {
        console.log(' -- 不支持云开发 -- ')
      } else {
        wx.cloud.init({
          env: pset.CloudSetting.CloudId,
          traceUser: pset.CloudSetting.TraceUser
        })
        //缓存信息
        cloud.CallCloudFuncAndSetStorge('filter',pset.CloudSetting.AdaptStorge,'userinfo').then(function(res){
          if (res !='callfuncfail'){
            //console.log(res)
            that.globalData.openid = res //给全局变量 openid 赋值
          }       
        })
        
      }
    } else {
      console.log('* 云开发 * X')
      
    }
  }
  
})

3.组件引用

见项目

4.上传并部署三个云函数

5.修改project.config.json文件中appid为自己的appid

6.删除项目展示视频

Comments ( 3 )

Sign in for post a comment

About

微信小程序模仿朋友圈实现(点赞、评论等)(白嫖可耻,star光荣) spread retract
Cancel

Releases

No release

Gitee Metrics

Contributors

All

Activities

load more
can not load any more
JavaScript
1
https://gitee.com/Kindear/CloudUI.git
git@gitee.com:Kindear/CloudUI.git
Kindear
CloudUI
M朋友圈
组件版

Search

132457 8cb2edc1 1899542 131848 70c8d3a4 1899542