【APITable】教程:创建并运行一个自建小程序

1.进入APITable,在想要创建小程序的看板页面点击右上角的【小程序】,进入小程序编辑页面。

2.创建一个新的小程序区。

点击【+ 添加小程序】

点击创建小程序,选择模板,输入名字。

3.确定后进入小程序部署引导页面。

4.打开Xshell 7,我这里的APITable是部署在服务器上的,所以****需要在服务器所在终端进行操作而不是在本地部署。不然会报错找不到或者路径错误。

双击进入服务器后,在终端按照引导提示复制粘贴就可以了。步骤如下:



这里遇到了一个报错,9000端口被占用,查看占用程序,并不是必须程序,关闭再来一遍widget-cli start 就可以了。

这里需要注意的是尽量不要关闭在运行的端口程序,不然会出现僵尸程序的情况。这里就建议直接在widget-cli启动的时候直接给一个新的端口。例如:

widget-cli start --port 1314

复制他给我们的url,去到APITable页面。

这里需要注意,把localhost改为服务器的地址:

出现浏览器警示错误:

报错信息:

请先解除浏览器对于加载本地代码的安全限制

  1. 在浏览器中打开 chrome://flags/#allow-insecure-localhost

  2. 将高亮选项的设置从 Disabled 改为 Enabled

  3. 重启浏览器,使新的配置生效

5.解决 【浏览器对于加载本地代码的安全限制】的错误。

打开 chrome://flags/#allow-insecure-localhost。将Disabled 改为 Enabled。

重启浏览器。

回到APITable页面,发现问题没有解决。还是让我们解除浏览器的安全访问权限。

6.解决问题。

打开浏览器,粘贴预览要用到的url。

Chrome浏览器告知我们会有风险,点击高级,点击继续访问。

会出现JS源码。

回到APITable页面,再次点击预览,问题解决,成功进入预览页面。

相关推荐
CsharpDev-奶豆哥14 分钟前
微信小程序通过主键ID修改json数据的技术分享
微信小程序·小程序·json
汤姆yu20 分钟前
基于微信小程序的防诈骗管理系统
微信小程序·小程序·防诈骗管理
2501_9160074725 分钟前
从零开始学习iOS App开发:Xcode、Swift和发布到App Store完整教程
android·学习·ios·小程序·uni-app·iphone·xcode
2501_916008892 小时前
前端工具全景实战指南,从开发到调试的效率闭环
android·前端·小程序·https·uni-app·iphone·webview
2501_915921435 小时前
iOS 26 CPU 使用率监控策略 多工具协同构建性能探索体系
android·ios·小程序·https·uni-app·iphone·webview
狂团商城小师妹5 小时前
JAVA国际版同城打车源码同城服务线下结账系统源码适配PAD支持Android+IOS+H5
android·java·ios·小程序·交友
游戏开发爱好者85 小时前
iOS 应用逆向对抗手段,多工具组合实战(iOS 逆向防护/IPA 混淆/无源码加固/Ipa Guard CLI 实操)
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张6 小时前
iOS 文件管理与导出实战,多工具协同打造高效数据访问与调试体系
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_9159184120 小时前
iOS描述文件功能解析
android·macos·ios·小程序·uni-app·cocoa·iphone
说私域1 天前
开源AI智能客服、AI智能名片与S2B2C商城小程序在营销运营中的应用与重要性研究
人工智能·小程序·开源