企业营销型网站案例,网站建设平台讯息,自己做的网站如何让外网访问,做ppt好的网站有哪些内容什么是 OpnForm #xff1f; OpnForm 是一个开源的表单构建工具#xff0c;旨在简化创建自定义表单的过程#xff0c;特别适合无编码知识的用户。它通过人工智能优化表单创建流程#xff0c;支持多种用途#xff0c;如联系人表单、调查表等。OpnForm 提供了一个直观的拖放…
什么是 OpnForm OpnForm 是一个开源的表单构建工具旨在简化创建自定义表单的过程特别适合无编码知识的用户。它通过人工智能优化表单创建流程支持多种用途如联系人表单、调查表等。OpnForm 提供了一个直观的拖放界面用户可以快速创建美观的表单并且只需不到一分钟的时间即可完成。 软件功能 无代码构建器支持无限的表单和提交 各种输入类型文本、日期、URL、文件上传等等 可嵌入到任何地方 电子邮件通知 集成Slack、Webhooks、Discord 表单逻辑和自定义️ 验证码保护 表单分析 安装
在群晖上以 Docker 方式安装。 本文写作时主镜像 jhumanj/opnform-api 的 latest 版本对应为 1.3.7 软件涉及到多个容器采用了 docker-compose 方式安装但没有用官方提供的的脚本安装方式因为老苏不想下载源码所以对目录、文件等做了调整
如果你想使用官方的方式可以参考官方的文档https://docs.opnform.com/deployment/docker
下面是介绍的是老苏的纯手工安装方式
nginx.conf
nginx.conf 为 nginx 的配置文件直接采用官方提供的版本未做任何修改源文件地址在https://github.com/JhumanJ/OpnForm/blob/main/docker/nginx.conf
map $original_uri $api_uri {~^/api(/.*$) $1;default $original_uri;
}server {listen 80;server_name opnform;root /app/public;access_log /dev/stdout;error_log /dev/stderr error;index index.html index.htm index.php;location / {proxy_http_version 1.1;proxy_pass http://ui:3000;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Port $server_port;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection Upgrade;}location ~/(api|open|local\/temp|forms\/assets)/ {set $original_uri $uri;try_files $uri $uri/ /index.php$is_args$args;}location ~ \.php$ {fastcgi_split_path_info ^(.\.php)(/.)$;fastcgi_pass api:9000;fastcgi_index index.php;include fastcgi_params;#fastcgi_param SCRIPT_FILENAME /usr/share/nginx/html/$fastcgi_script_name;fastcgi_param SCRIPT_FILENAME /usr/share/nginx/html/public/index.php;fastcgi_param REQUEST_URI $api_uri;}
}api-env.txt
api-env.txt 为服务端的环境变量文件
APP_NAMEOpnForm
APP_ENVproduction
APP_KEYbase64:G4UgDosWwGfxUa4YrcvPlzq1DicnSqtW9y5igi4nFX4
APP_DEBUGfalse
APP_URLhttp://192.168.0.197:8320SELF_HOSTEDtrueLOG_CHANNELerrorlog
LOG_LEVELdebugFILESYSTEM_DRIVERlocalBROADCAST_CONNECTIONlogCACHE_STOREredis
CACHE_DRIVERredisQUEUE_CONNECTIONredis
SESSION_DRIVERredis
SESSION_LIFETIME120MAIL_MAILERlog
MAIL_HOST
MAIL_PORT
MAIL_USERNAMEyouremail.com
MAIL_PASSWORD
MAIL_ENCRYPTION
MAIL_FROM_ADDRESSyouremail.com
MAIL_FROM_NAMEOpnFormAWS_ACCESS_KEY_ID
AWS_SECRET_ACCESS_KEY
AWS_DEFAULT_REGIONus-east-1
AWS_BUCKETPUSHER_APP_ID
PUSHER_APP_KEY
PUSHER_APP_SECRET
PUSHER_APP_CLUSTERmt1MIX_PUSHER_APP_KEY${PUSHER_APP_KEY}
MIX_PUSHER_APP_CLUSTER${PUSHER_APP_CLUSTER}JWT_TTL1440
JWT_SECREThS2Z7AOJYhZnq4vIQ32tsWQ4SxSYfj5f2jKfCLcWxz0MUX_WORKSPACE_ID
MUX_API_TOKENOPEN_AI_API_KEY基于官方的 .env.docker 做了几处修改源文件在https://github.com/JhumanJ/OpnForm/blob/main/api/.env.docker
APP_ENV从 local 改为了 productionAPP_KEY使用 openssl rand -base64 32 生成 但是需要加上前缀 base64:否则日志会报错
NOTICE: PHP message: [2024-10-15 11:28:25] production.ERROR: Unsupported cipher or incorrect key length. Supported ciphers are: aes-128-cbc, aes-256-cbc, aes-128-gcm, aes-256-gcm. {exception:[object] (RuntimeException(code: 0): Unsupported cipher or incorrect key length. Supported ciphers are: aes-128-cbc, aes-256-cbc, aes-128-gcm, aes-256-gcm. at /usr/share/nginx/html/vendor/laravel/framework/src/Illuminate/Encryption/Encrypter.php:62)APP_URL需要根据实际情况进行修改其中 192.168.0.197 为群晖主机的 IP而 8320 是准备分配给 OpnForm 的本机端口JWT_SECRET使用 openssl rand -base64 32 生成
其他参数未做修改包括 OpenAI、邮件、AWS 存储和 PUSHER 提醒等如果你有需要可以自习修改官方提供了环境变量的说明https://docs.opnform.com/configuration/environment-variables
client-env.txt
client-env.txt 是前端页面的环境变量文件
NUXT_PUBLIC_APP_URL/
NUXT_PUBLIC_API_BASE/api
NUXT_PRIVATE_API_BASEhttp://ingress/api
NUXT_PUBLIC_ENVdev
FRONT_API_SECRETAYSG0uDT2euWdFjsLR/bUWvwTufmnQLyJJMpuBoyYao基于官方的 .env.docker 做了一处新增源文件在https://github.com/JhumanJ/OpnForm/blob/main/client/.env.docker
FRONT_API_SECRET也是使用 openssl rand -base64 32 生成
docker-compose.yml
将下面的内容保存为 docker-compose.yml 文件
官方的源文件https://github.com/JhumanJ/OpnForm/blob/main/docker-compose.yml
老苏做了微调因为参数比较多保留了官方的锚点使得容器 opnform-api-worker 可以复用 opnform-api 的环境变量参数
version: 3services:api: apiimage: jhumanj/opnform-api:latestcontainer_name: opnform-apienvironment: api-environment # Add this anchorDB_HOST: dbREDIS_HOST: redisDB_DATABASE: ${DB_DATABASE:-forge}DB_USERNAME: ${DB_USERNAME:-forge}DB_PASSWORD: ${DB_PASSWORD:-forge}DB_CONNECTION: ${DB_CONNECTION:-pgsql}FILESYSTEM_DISK: localLOCAL_FILESYSTEM_VISIBILITY: publicenv_file: - ./api-env.txtvolumes:- ./storage:/usr/share/nginx/html/storage:rwapi-worker:image: jhumanj/opnform-api:latestcontainer_name: opnform-api-workercommand: php artisan queue:workenvironment:: *api-environmentIS_API_WORKER: trueenv_file: - ./api-env.txtvolumes:- ./storage:/usr/share/nginx/html/storage:rwui:image: jhumanj/opnform-client:latestcontainer_name: opnform-uienv_file: - ./client-env.txtredis:image: redis:7container_name: opnform-redisdb:image: postgres:16container_name: opnform-db# ports:# - 5433:5432environment:POSTGRES_DB: ${DB_DATABASE:-forge}POSTGRES_USER: ${DB_USERNAME:-forge}POSTGRES_PASSWORD: ${DB_PASSWORD:-forge}volumes:- ./data:/var/lib/postgresql/dataingress:image: nginx:1container_name: opnform-ingressvolumes:- ./nginx.conf:/etc/nginx/templates/default.conf.templateports:- 8320:80这部分理论上只要修改 opnform-ingress 中的本机端口使之不产生冲突就可以
然后执行下面的命令
# 新建文件夹 opnform 和 子目录
mkdir -p /volume1/docker/opnform/{data,storage}# 进入 opnform 目录
cd /volume1/docker/opnform# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d注意事项
一键启动过程中或者之后可能会遇到一些问题老苏把自己遇到的放在这里供大家参考
超时问题
因为容器比较多可能在一键启动过程中会出现超时 可以先执行
# 将超时时间设置为 5 分钟
export COMPOSE_HTTP_TIMEOUT300容器停止
可能会遇到某个容器停止 可以尝试强制启动 登录无反应
假如一键启动后使用默认的账号密码登录没有反应很可能是数据库没有 migrate 成功导致创建默认凭据失败 可以单独再执行一次
# 进入容器
docker exec --user root -it opnform-api /bin/bash# 迁移数据
php artisan migrate:refresh --seed或者只用一条命令来解决
# 迁移数据
docker-compose exec api php artisan migrate:refresh --seed接下来创建默认凭据就可以了
# 创建默认用户
docker-compose exec api php artisan app:init-project运行
在浏览器中输入 http://群晖IP:8320 就能看到主界面 点左上角的 Login 进入登录界面 默认凭据可以在 opnform-api 的日志中找到
电子邮件adminopnform.com密码password 自托管版本禁止公开注册。请使用管理员帐户邀请其他用户如果登录没反应请参考上一个章节 首次登录后系统将提示您更改电子邮件和密码 设置完成后会回到登录界面需要用新账号重新登录登录成功后的主界面 新建 form 可以从一个简单的联系人表开始也可以选择从模版导入 模版挺多的 进入模版有说明和预览点右上角的 Use this template 进行选择 选择后可以进入到编辑模式 你可以根据需要进行修改也可以直接发布 做了简单的修改将英文改成了中文 点右上角的 Publish Form 发布 在其他机器上打开链接 手机上扫描二维码 参考文档 JhumanJ/OpnForm: Beautiful Open-Source Form Builder 地址https://github.com/JhumanJ/OpnForm Beautiful forms Surveys - OpnForm 地址https://opnform.com/ Docker - OpnForm Technical Docs 地址https://docs.opnform.com/deployment/docker My open-source form builder just reached 2k stars on Github! : r/selfhosted 地址https://www.reddit.com/r/selfhosted/comments/1g3ego7/my_opensource_form_builder_just_reached_2k_stars/
