CRMEB开源商城部署在腾讯云

安装配置

买了腾讯云65元/年的LH服务器。安装系统推荐宝塔系统

CRMEB v4 页面跳转链接_w3cschool
https://www.w3cschool.cn/crmebv4/crmebv4-x2z33n31.html
在这里插入图片描述
vi /www/server/nginx/conf/nginx.conf
/www/server/panel/vhost/nginx/*.conf

2.输入你要绑定的网站域名(上一步中域名配置所解析的域名),创建FTP,创建MySQL数据库。都填写后,点击提交
这一步域名里面填IP也可以的。

ftp被动模式:放通端口21,及 修改配置文件 中设置的 pasv_min_port 到 pasv_max_port 之间的所有端口,本文放通端口为40000 - 45000。
ftp端口可以在宝塔ftp配置里面查看。

用Windows自带的文件资源管理器可以上传文件。

如果“函数检测必须开启”没通过 去“3.环境配置”里的PHP配置中 启用一下被禁用的函数(从“禁用函数”里面删除),可以Ctrl+f查找函数。

crmeb\public\install\templates\step5.php

	        <a href="<?php echo 'http://'.$host;?>" class="btn">进入前台</a>
            <a href="<?php echo 'http://'.$host;?>/admin" class="btn btn_submit J_install_btn">进入后台</a>
      </div>
      <div class=""> </div>
    </div>
  </section>
</div>
<?php require './templates/footer.php';?>
<script>
$(function(){
	$.ajax({
	type: "POST",
	url: "http://shop.crmeb.net/index.php/admin/server.upgrade_api/updatewebinfo",
        header:{
            'Access-Control-Allow-Origin':'*',
            'Access-Control-Allow-Headers':'X-Requested-With',
            'Access-Control-Allow-Methods':'PUT,POST,GET,DELETE,OPTIONS'
        },
	data: {
	    host:'<?php echo $host;?>',
        https:'<?php echo 'http://'.$host;?>',
        version:'<?php echo $version;?>',
        ip:<?php echo json_encode($ip);?>
    },
	dataType: 'json',
	success: function(){}
	});
});
</script>
</body>
</html>

禁用函数
删除下列函数(从“禁用函数”里面删除下列函数,实际上是允许用这些函数)
proc_open pcntl_signal pcntl_signal_dispatch pcntl_fork pcntl_wait pcntl_alarm

1、先在“网站”页面修改宝塔命令行的php版本为当前程序设置的php版本

root用户下,.user.ini既不能修改也不能删除,怎么办? - Powered by Discuz!
https://bbs.vpser.net/thread-12261-1-1.html

宝塔面板搭载ThinkPHP5.0项目关于open_basedir报错解决办法 - 小二胡工作室
https://www.xiaoerhu.com/content/detail272.html

LNMP添加、删除虚拟主机及伪静态使用教程 - LNMP一键安装包
https://lnmp.org/faq/lnmp-vhost-add-howto.html

LNMP 1.2及更高版本防跨目录功能使用.user.ini,该文件在网站根目录下,可以修改.user.ini 里面的open_basedir的值来设置限制访问的目录或删除来移除防跨目录的设置。

.user.ini文件无法直接修改,如要修或删除需要先执行:chattr -i /网站目录/.user.ini
可以使用winscp文件管理、vim编辑器或nano编辑器进行修改。
删除的话rm -f /网站目录/.user.ini 就可以。
修改完成后再执行:chattr +i /网站目录/.user.ini
.user.ini不需要重启一般5分钟左右生效,也可以重启一下php-fpm立即生效。
如果要更改网站目录必须要按上述方法修改防跨目录的设置,否则肯定报错!!

.env

htps://www.crmeb.com/ask/thread/11637
根目录下增加.env文件。

APP_DEBUG = true

[APP]
DEFAULT_TIMEZONE = Asia/Shanghai

[DATABASE]
TYPE = mysql
HOSTNAME = 127.0.0.1
HOSTPORT = 3306
USERNAME = 43_138
PASSWORD = 'b'
DATABASE = 43_138
PREFIX = eb_
CHARSET = utf8
DEBUG = true

[LANG]
default_lang = zh-cn

[REDIS]
REDIS_HOSTNAME = 127.0.0.1
PORT = 6379
REDIS_PASSWORD = ''
SELECT = 0

[QUEUE]
QUEUE_NAME = #QUEUE_NAME#

DIY

crmeb\public\install\crmeb.sql
INSERT INTO eb_diy (id, version, name, template_name, value, default_value, add_time, update_time, status, type, is_show, is_bg_color, is_bg_pic, color_picker, bg_pic, bg_tab_val, is_del, order_status, my_banner_status, is_diy) VALUES
(1, ‘1.0’, ‘默认模版’, ‘default’, '{“headerSerch”:{“defaultVal”:{“isShow”:{“val”:true},“imgUrl”:{“title”:“\u6700\u591a\u53ef\u6dfb\u52a01\u5f20\u56fe\u7247\uff0c\u56fe\u7247\u5efa\u8bae\u5bbd\u5ea6128 * 45px”,“url”:“http:\/\/kaifa.crmeb.net\/uploads\/attach\/2019\/10\/20191023\/db7b7bef9dffdedd27e9a3aa34218cea.png”},“hotList”:{“title”:“\u70ed\u8bcd\u6700\u591a20\u4e2a\u5b57\uff0c\u9f20\u6807\u62d6\u62fd\u5de6\u4fa7\u5706\u70b9\u53ef\u8c03\u6574\u70ed\u8bcd\u987a\u5e8f”,“max”:99,“list”:[{“val”:“”,“maxlength”:20}]},“titleInfo”:{“title”:“”,“type”:2,“list”:[{“title”:“\u7f51\u7ad9\u7b80\u4ecb”,“val”:“\u7f51\u7ad9\u7b80\u4ecb”,“max”:20,“pla”:“\u9009\u586b\uff0c\u4e0d\u8d85\u8fc7\u5341\u4e2a\u5b57”}]}},“default”:{“isShow”:{“val”:true},“imgUrl”:{“title”:“\u6700\u591a\u53ef\u6dfb\u52a01\u5f20\u56fe\u7247\uff0c\u56fe\u7247\u5efa\u8bae\u5bbd\u5ea6128 * 45px”,“url”:“https:\/\/data44.wuht.net\/\/uploads\/attach\/2022\/01\/20220115\/28a88411581c15dbc65fa4fa8e0d0c17.png”}
这个应该是定制界面的。

如何用word制作透明背景的文字或图片或二维码-百度经验
https://jingyan.baidu.com/article/fc07f989be7fc612ffe519d5.html
把定制透明背景文字图片放在public目录下,在eb_diy中
https:\/\/data44.wuht.net\/\/uploads\/attach\/2022\/01\/20220115\/28a88411581c15dbc65fa4fa8e0d0c17.png 改为 /5.png 就可以修改头部图片。

在notepad++把\\u 替换为;&#x
最多可添?张图片,图片建议宽&#x5ea6128
拷贝到
http://www.metools.info/code/c40.html 可以实现 utf-8转中文
优质精选好物
优质精选好物
\u4f18\u8d28\u7cbe\u9009\u597d\u7269
在eb_diy中修改文字utf编码应该可以修改页面对应的文字

修改public/admin/favicon.ico可以改变后台的图标。
修改public/favicon.ico可以改变网页或者H5的图标。

public/static/html/pc.html 可以修改标题

<title>crmeb-PC端</title>

CRMEB\template\uni-app\api\api.js
CRMEB\template\uni-app\pages\index\visualization\components\headerSerch.vue

			<view class="logo">
				<image class="skeleton-rect" :src="logoConfig" mode="heightFix"></image>
				<view class="swiger">{{titleInfo.length ? titleInfo[0].val : ''}}</view>

			</view>

		props: {
			dataConfig: {
				type: Object,
				default: () => {}
			}
		},

		watch: {
			dataConfig: {
				immediate: true,
				handler(nVal, oVal) {
					if (nVal) {
						this.logoConfig = nVal ? nVal.imgUrl.url : '';
						this.hotWords = nVal.hotList.list || []
						this.isShow = nVal.isShow.val
						this.titleInfo = nVal.titleInfo && nVal.titleInfo.list.length ? nVal.titleInfo.list : [];
						uni.setStorageSync('hotList', this.hotWords || []);

CRMEB\template\uni-app\pages\index\visualization\index.vue

			diyData() {
				let that = this;
				getDiy().then((res) => {
					let data = res.data;
					that.headerSerch = data.headerSerch;

	import {
		getDiy,
		getIndexData,
		getCouponV2,
		getCouponNewUser,
	} from "@/api/api.js";

template\uni-app\pages\index\visualization\index.vue

				headerSerch: {}, //头部搜索
				swiperBg: {}, //轮播
				menus: {}, //导航
				news: {}, //消息公告
				activity: {}, //活动魔方
				alive: {},
				scrollBox: {}, //快速选择分类
				titles: {}, //标题
				goodList: {}, //商品列表(商品列表、首发新品、热门榜单、促销单品、精品推荐)
				tabBar: {}, //导航
				customerService: {}, //客服
				picTxt: {}, //图文详情
				bargain: {}, //砍价
				combination: {}, //拼团
				adsRecommend: {}, //广告位
				seckill: {}, //秒杀
				coupon: {}, //优惠券
				tabNav: {}, //分类tab

轮播图片,在eb_diy中修改配置应该可以修改。
ttps://data44.wuht.net//uploads/attach/2022/01/20220115/84578abf1060697da0529a5ccc50934c.png

ttps://data44.wuht.net//uploads/attach/2022/01/20220115/d54f87813d22fc2ce2e6e231f3bcfae7.png

app如何打开了request url_uni-app封装一个request请求_慢火车阅读的博客-CSDN博客
htps://blog.csdn.net/weixin_29868343/article/details/112101089

三、搭建本地开源版的开发、测试环境

请问怎么搭建本地开源版的开发、测试环境
htps://www.crmeb.com/ask/thread/13276

在这里插入图片描述
template\uni-app\config\app.js

	// H5配置
	// #ifdef H5
	//H5接口是浏览器地址,非单独部署不用修改
	HTTP_REQUEST_URL: window.location.protocol + "//" + window.location.host,
	// #endif

template\uni-app\utils\request.js


['options', 'get', 'post', 'put', 'head', 'delete', 'trace', 'connect'].forEach((method) => {
	request[method] = (api, data, opt) => baseRequest(api, method, data, opt || {})
});

CRMEB4.x版和pro版客服配置详解 - Losky的个人空间 - OSCHINA - 中文开源技术交流社区
htps://my.oschina.net/u/4300010/blog/4967097

修改 /config/app.js

HTTP_REQUEST_URL: ‘https://xxx.com’,// 请求域名 格式: https:// 您的域名

VUE_APP_WS_URL: wss://xxx.com:20003,// 客服域名 格式: ws:// 您的域名:20003

template\uni-app\App.vue


			// #ifdef H5
			uni.getSystemInfo({
				success(e) {
					/* 窗口宽度大于420px且不在PC页面且不在移动设备时跳转至 PC.html 页面 */
					if (e.windowWidth > 420 && !window.top.isPC && !/iOS|Android/i.test(e.system)) {
						window.location.pathname = '/static/html/pc.html';
					}
				}
			});

template\uni-app\static\html\pc.html
当devtools切换设备为手机时,页面调转到htp://localhost:8080/pages/index/index

		<script type="text/javascript">
			window.isPC = true;
			
			window.onload = function(){
				/* 监听电脑浏览器窗口尺寸改变 */
				window.onresize = function(){
					/* 窗口宽度 小于或等于420px 时,跳转回H5页面 */
					if(window.innerWidth <= 420){
						window.location.pathname = '/';
					}
				}
			}
		</script>

可以查看报文请求和回复等流程,并与线上的报文比较。

在这里插入图片描述

修改iview-admin,启动的端口号

template\admin\package.json

  "scripts": {
    "serve": "vue-cli-service serve --open --mode=dev",
    "build": "vue-cli-service build --mode=production"
  },

serve里面增加“ --port=8888”,改为

  "scripts": {
    "serve": "vue-cli-service serve --open --mode=dev --port=8888",
    "build": "vue-cli-service build --mode=production"
  },

然后 npm run serve


版权声明:本文为llrraa2010原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。