给静态网站添加一个任意的表单 – PageClip

/ 0评 / 0

静态网站,意思就是没有程序脚本,所以自然要加个可以提交的表单显得有点麻烦.

PageClip就是解决这个问题,可以轻松添加表单,表单数据可以导出CSV,也可以POST到某个特定API处理.

1个网站1个表单的1000个提交不要钱,如果是学生包提供Basic套餐,支持20000个提交,1个网站内无限个表单.

为什么不直接POST或者AJAX到后端服务器解决问题呢?其实PageClip还额外解决了一些问题.

而且,PageClip在国内表现似乎也不错,可能是因为数据量少吧.

从后台可以获取到表单.

和正常的Form没什么区别,你可以继续给Form添加内容,这些内容都是公开的,但是这没有什么安全问题,比如我最终网页长这样.

这里可以设置,允许从哪个域名提交,不是这个域名是不许提交的.

提交后就能查看到结果.

可以设置WebHook,这样只要前台用户提交,我就能立马收到,而且不用担心他会不会直接POST你后端服务器,毕竟你后端服务器也可以Token验证.

比如我刚才的表单的内容其实是这样.

{
	"action": "newItem",
	"organization": {
		"organizationEid": "sn57DNYWi3Xqxf2BYYGt6rOTGzHGTaO8",
		"name": null,
		"isPersonal": true,
		"billingEmail": null,
		"createdAt": "2020-01-17T06:15:47.659Z"
	},
	"site": {
		"siteEid": "FecqVHvTPK8VRgZ4J9jSkAqgZ9mrQoQG",
		"name": "My site",
		"slug": "my-site",
		"domains": "lueilwitz.com",
		"createdAt": "2020-01-17T16:32:13.379Z"
	},
	"form": {
		"name": "default",
		"createdAt": "2020-01-20T09:54:28.373Z",
		"displayName": "Default",
		"formEid": "fxigrp2BwpC0CpBzoQ6FHm5IuhxKrSrE"
	},
	"item": {
		"itemEid": "yO5xmguCNmI8jQwMfRfLN1xmxzWGbW0p",
		"payload": {
			"name": "Roscoe Jones",
			"email": "roscoe@example.com",
			"password": "12345678"
		},
		"createdAt": "2020-01-21T06:18:48.741Z",
		"archivedAt": null
	},
	"token": "k3keTfygbh7KUKV6VN0V5hez4nMj890T"
}

在PHP用file_get_contents('php://input')就可以获取整个请求的JSON字符串,接下来该怎么处理就怎么处理了...

为了查询数据也可以用他提供的API,这里大家看文档就懂了,毕竟内容很少啦...

https://pageclip.co/docs#rest-api