# FreePoster

**Repository Path**: yirans/freeposter

## Basic Information

- **Project Name**: FreePoster
- **Description**: 🔥🔥🔥FreePoster海报生成器，电商海报编辑器，电商海报设计器，fast快速生成海报 海报制作 海报开发。二维码海报，图片海报，分享海报，二维码推广海报，支持 PHP 小程序
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://freeposter.pfecms.com
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2022-05-10
- **Last Updated**: 2022-05-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FreePoster

> 海报设计器

为什么要开发这个项目？

因为项目中要用到海报自定义的功能的，但是社区又没有找到开源的项目。好不容易找到一个，却不允许开源，因此我决定自己从头到尾开发一个符合自己需求的设计器。想到还有其他的人可能同样拥有这方面的需求，因此我决定用 MIT 协议的方式，免费开放给大家使用。

演示环境： http://freeposter.pfecms.com  
了解技术细节：https://juejin.cn/post/7091845361681203214/

## 一睹为快

![](./screenshoot/1.png)

![](./screenshoot/2.png)

![](./screenshoot/3.png)

![](./screenshoot/4.png)

> 特别鸣谢

这里样式还有部分的海报 参考了 `fastposter`

## 如何部署

### 1、下载代码

```
git clone https://gitee.com/nickbai/freeposter
cd freeposter
npm i
```

### 2、下载部署服务端

接下来下载 服务端代码 https://gitee.com/nickbai/posterapi  
由于我提供的服务端是基于 thinkphp6 的，因此不熟悉的，请自行查看 tp 官方手册部署，我这里提供一份 nginx 的配置文件,仅供参考。

```
server {
    listen       80;
    server_name  www.posterapi.com;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   /Users/www/posterApi/public;
        if (!-e $request_filename) {
            rewrite  ^(.*)$  /index.php?s=/$1  last;
            break;
        }
        index index.php index.html index.htm;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    location ~ \.php$ {
        root           /Users/www/posterApi/public;
        fastcgi_pass   127.0.0.1:9000;
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        include        fastcgi_params;
    }

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

```

### 3、部署 vue 项目中的地址 config/dev.env.js

```
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"http://www.posterapi.com"'
})
```

这里 BASE_API 根据你的域名而定。

### 4、启动项目

```
npm run dev
```

### 5、访问

http://localhost:8080

## QQ 交流群

648276901