百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

Cursor + DevBox:重塑 PHP 商城开发丝滑体验

wptr33 2025-01-03 19:19 26 浏览

上篇文章给大家介绍了如何使用 Sealos 应用商店一键部署 CRMEB 开源商城系统[1],那速度真叫一个快啊,比宝塔快多了!

但是有些读者还不满足于此,问我能不能边运行边改代码,而且还得用 Cursor 来改代码,改完了之后线上环境还得实时生效。。。

对此我只能说,你小子是不是看上 Cursor 的牛马属性了,想让它给你自动改代码是吧?是不是像这样?

你以为这就能难倒我了?

嘿嘿,还真有办法。

话不多说,直接上教程!

创建 Devbox 开发环境

首先进入 Sealos 桌面[2],然后打开 Debox 应用,创建一个新项目。Devbox 支持多种主流语言与框架,这里我们需要部署 CRMEB 商城系统,所以直接选择 PHP 作为运行环境。

PHP 版本选择 7.4,CPU 内存改成 1C2G 就够了,不够可以随时再加。端口改成 80,因为 CRMEB 最终对外暴露的是 Nginx,系统会自动分配 HTTPS 域名,通过该域名即可访问 Devbox 中的 80 端口。

点击创建,几秒钟即可启动开发环境。

接下来在操作选项中点击 Cursor,将会自动打开本地的 Cursor 编程 IDE。

接着会提示安装 Devbox 插件,安装后即可自动连接开发环境。

是不是非常简单?直接省略了配置域名解析、申请 SSL 证书,配置网关等与开发无关的繁琐操作,爽!

部署 CRMEB

1. 克隆仓库

打开 Cursor 的终端,执行以下命令将 CRMEB 项目克隆到 Devbox 开发环境中:

git clone https://mirror.ghproxy.com/https://github.com/crmeb/CRMEB
mv CRMEB/{*,.*} .
rm -rf CRMEB

2. 安装并配置 php-fpm

安装一些依赖:

sudo apt-get update
sudo apt-get -y --no-install-recommends install php7.4-fpm php7.4-curl php7.4-bcmath php7.4-redis php7.4-mysqli php7.4-gd

创建一个新的 php-fpm 配置文件:

sudo touch /etc/php/7.4/fpm/conf.d/99-overrides.ini

然后将以下内容写入配置文件 99-overrides.ini

upload_max_filesize = 100M
post_max_size = 108M
open_basedir = "/home/devbox/project/crmeb:/var:/var/tmp/:/tmp/"
disable_functions = system, exec, shell_exec, passthru, proc_get_status, checkdnsrr, getmxrr, getservbyname, getservbyport, syslog, popen, show_source, highlight_file, dl, socket_listen, socket_create, socket_bind, socket_accept, socket_connect, stream_socket_server, stream_socket_accept, stream_socket_client, ftp_connect, ftp_login, ftp_pasv, ftp_get, sys_getloadavg, disk_total_space, disk_free_space, posix_ctermid, posix_get_last_error, posix_getcwd, posix_getegid, posix_geteuid, posix_getgid, posix_getgrgid, posix_getgrnam, posix_getgroups, posix_getlogin, posix_getpgid, posix_getpgrp, posix_getpid, posix_getppid, posix_getpwnam, posix_getpwuid, posix_getrlimit, posix_getsid, posix_getuid, posix_isatty, posix_kill, posix_mkfifo, posix_setegid, posix_seteuid, posix_setgid, posix_setpgid, posix_setsid, posix_setuid, posix_strerror, posix_times, posix_ttyname, posix_uname
upload_tmp_dir = /var/www/temp

修改 php-fpm 监听方式,使其监听在本地的 9000 端口:

sudo sed -i 's|listen = .*|listen = 127.0.0.1:9000|' /etc/php/7.4/fpm/pool.d/www.conf

将 crmeb 目录软链接到 /var/www 目录:

sudo rm -rf /var/www
sudo ln -s ${PWD}/crmeb /var/www

修改目录权限:

cd /home/devbox/project/crmeb
sudo mkdir backup & sudo chmod a+w backup
sudo chmod a+w public
sudo chmod a+w runtime
sudo chmod a+w .env
sudo chmod a+w .version
sudo chmod a+w .constant

3. 安装并配置 Nginx

安装 Nginx:

sudo apt-get -y --no-install-recommends install nginx
sudo rm -rf /etc/nginx/sites-enabled

创建一个 Nginx 配置文件:

sudo touch /etc/nginx/conf.d/default.conf

然后将以下内容写入配置文件 default.conf

server {
    listen 80;
    index index.php index.html;
    server_name _;

    root /var/www/public;


    location / {
        # try_files $uri /index.php$is_args$args;
        if (!-e $request_filename){
            rewrite  ^(.*)$  /index.php?s=$1  last;   break;
        }
    }

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        error_log off;
        access_log /dev/null;
    }
    
    location ~ .*\.(js|css)?$
    {
        expires      12h;
        error_log off;
        access_log /dev/null; 
    }
    location /notice {
        proxy_pass http://127.0.0.1:20002;  
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
    }
    location /msg {
        proxy_pass http://127.0.0.1:20003/;  
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
    }
    
   

    location ~ \.php$ {
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_index index.php;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
    }
    
   
}

4. 启动 CRMEB

将以下命令写入 entrypoint.sh

#!/bin/bash
sudo /etc/init.d/php7.4-fpm start
sudo /etc/init.d/nginx start
php7.4 think timer start --d
php7.4 think workerman start --d 

大功告成,现在我们可以通过 entrypoint.sh 脚本正式启动 CRMEB 了:

./entrypoint.sh

现在回到 Devbox 界面,进入 crmeb 开发环境的详情页面:

点击外网地址即可打开 CRMEB 的 Web 界面。

咱们先别急着安装,还得装个 MySQL 和 Redis,然后再来接着安装。

安装数据库

在 Sealos 中安装数据库[3]非常简单,有手就行。直接点击【数据库】:

然后点击【新建数据库】,选择 MySQL,取个名字,然后点击右上角的【部署】。

部署完了之后,还需要进入 MySQL 的终端创建一个数据库,直接在 MySQL 的详情页面点击【连接】进入终端:

然后执行以下 SQL 语句创建一个名叫 crmeb 的数据库。

CREATE DATABASE IF NOT EXISTS crmeb;

创建完成后关闭终端即可。

同理,还要再部署个 Redis 数据库。

到这里数据库就部署完了,接下来我们回到 CRMEB 的安装界面继续安装。

安装 CRMEB 商城

开始安装商城系统!

下一步需要输入数据库的连接信息,其他参数保持默认不变,只需要填入【数据库密码】和【数据库服务器】的值即可。

【数据库密码】和【数据库服务器】的值获取方式如下:

打开【应用商店】,点击左下角【我的应用】,进入你的 CRMEB 应用,然后点击 MySQL 数据库的【详情】进入 MySQL 数据库的详情页面。

点击左边的小眼睛就能看到 MySQL 数据库的密码和地址了。

回到 CRMEB 安装界面,填好 MySQL 连接信息后,继续往下,设置管理员密码,缓存方式选择 Redis,其他值保持不变,输入【服务器地址】和【数据库密码】的值,获取方式和 MySQL 类似,在 Sealos 中找到 Redis 数据库的连接信息即可。

所有信息都填好之后,点击【下一步】开始安装。

安装成功!进入后台:

登录后台之后,点击左下角的【设置】,设置网站名称和网站地址,然后点击提交。

也可以开启消息队列,毕竟我们接了 Redis 嘛。

刷新页面之后,就可以正确显示网站的所有内容啦。

再来看看前端长啥样:

商城系统的具体配置可以参考 CRMEB 的官方文档[4],本文就不赘述啦。

总结

相比于 Sealos 应用商店一键部署,在 Devbox 开发环境中部署更方便我们随时修改源码,而且可以通过 Cursor 直接连到开发环境中,利用 AI 来帮助我们修改源码。

如果你想基于该项目做二次开发,那么这种部署方式再合适不过了。

当然,代价就是部署步骤复杂了点,需要敲一点命令行。

如果你只想快速部署该项目,没有开发需求,那么使用 Sealos 应用商店[5]部署是最快的方式。

引用链接

[1]如何使用 Sealos 应用商店一键部署 CRMEB 开源商城系统: https://juejin.cn/post/7431969844544864293

[2]Sealos 桌面: https://hzh.sealos.run

[3]数据库: https://sealos.run/docs/5.0.0/user-guide/database/

[4]CRMEB 的官方文档: https://doc.crmeb.com/single/v54/13666

[5]Sealos 应用商店: https://template.hzh.sealos.run/

相关推荐

oracle数据导入导出_oracle数据导入导出工具

关于oracle的数据导入导出,这个功能的使用场景,一般是换服务环境,把原先的oracle数据导入到另外一台oracle数据库,或者导出备份使用。只不过oracle的导入导出命令不好记忆,稍稍有点复杂...

继续学习Python中的while true/break语句

上次讲到if语句的用法,大家在微信公众号问了小编很多问题,那么小编在这几种解决一下,1.else和elif是子模块,不能单独使用2.一个if语句中可以包括很多个elif语句,但结尾只能有一个...

python continue和break的区别_python中break语句和continue语句的区别

python中循环语句经常会使用continue和break,那么这2者的区别是?continue是跳出本次循环,进行下一次循环;break是跳出整个循环;例如:...

简单学Python——关键字6——break和continue

Python退出循环,有break语句和continue语句两种实现方式。break语句和continue语句的区别:break语句作用是终止循环。continue语句作用是跳出本轮循环,继续下一次循...

2-1,0基础学Python之 break退出循环、 continue继续循环 多重循

用for循环或者while循环时,如果要在循环体内直接退出循环,可以使用break语句。比如计算1至100的整数和,我们用while来实现:sum=0x=1whileTrue...

Python 中 break 和 continue 傻傻分不清

大家好啊,我是大田。...

python中的流程控制语句:continue、break 和 return使用方法

Python中,continue、break和return是控制流程的关键语句,用于在循环或函数中提前退出或跳过某些操作。它们的用途和区别如下:1.continue(跳过当前循环的剩余部分,进...

L017:continue和break - 教程文案

continue和break在Python中,continue和break是用于控制循环(如for和while)执行流程的关键字,它们的作用如下:1.continue:跳过当前迭代,...

作为前端开发者,你都经历过怎样的面试?

已经裸辞1个月了,最近开始投简历找工作,遇到各种各样的面试,今天分享一下。其实在职的时候也做过面试官,面试官时,感觉自己问的问题很难区分候选人的能力,最好的办法就是看看候选人的github上的代码仓库...

面试被问 const 是否不可变?这样回答才显功底

作为前端开发者,我在学习ES6特性时,总被const的"善变"搞得一头雾水——为什么用const声明的数组还能push元素?为什么基本类型赋值就会报错?直到翻遍MDN文档、对着内存图反...

2023金九银十必看前端面试题!2w字精品!

导文2023金九银十必看前端面试题!金九银十黄金期来了想要跳槽的小伙伴快来看啊CSS1.请解释CSS的盒模型是什么,并描述其组成部分。...

前端面试总结_前端面试题整理

记得当时大二的时候,看到实验室的学长学姐忙于各种春招,有些收获了大厂offer,有些还在苦苦面试,其实那时候的心里还蛮忐忑的,不知道自己大三的时候会是什么样的一个水平,所以从19年的寒假放完,大二下学...

由浅入深,66条JavaScript面试知识点(七)

作者:JakeZhang转发链接:https://juejin.im/post/5ef8377f6fb9a07e693a6061目录...

2024前端面试真题之—VUE篇_前端面试题vue2020及答案

添加图片注释,不超过140字(可选)...

今年最常见的前端面试题,你会做几道?

在面试或招聘前端开发人员时,期望、现实和需求之间总是存在着巨大差距。面试其实是一个交流想法的地方,挑战人们的思考方式,并客观地分析给定的问题。可以通过面试了解人们如何做出决策,了解一个人对技术和解决问...