标签: web应用

效果展示 （一）香橙派zero3 （二）网站截图 （三）服务器延迟速度 前言 （一）不知道大家手头上是不是都有一台或者多台服务器，服务器对大家做项目来说还是有很大帮助的，特别是可以给单片机加入非常多好玩的元素；或者做一个博客，给大家分享一些平时做的产品；甚至可以开发一些网站，做一些web应用。虽然说现在阿里云、腾讯云、微软云等的轻量服务器也挺便宜的，大概百元就可以买到一年，但是总归是有个自己的服务器方便很多，而且市面上大多数的派，linux主板都可以搭建网站服务器，而且只需要百元左右。所以今天就用香橙派来举例，全程0基础分享一下如何搭建网站服务器，并且接入外网。【有大厂愿意赞助我一块linux开发板，那真是感激不尽:）】 （二）项目所需： ①Linux开发板 linux主机（需要有联网功能，且配置不能太低，2核1g以上的配置） ②SD卡（要买U3级别的高速卡，传输速度100/MS） ③SD卡读卡器（需要烧录固件到SD卡） ④usb转串口工具（电脑连接linux开发板） ============================================================== 进阶所需（公网）: ①公网IP（连接外网、申请教程网上找） ②CDN （因为公网ip不能80端口，需要cdn将公网ip转到域名上，通过域名访问网站） ③已备案域名（中国境内的服务器都需要备案） 烧录ubuntu镜像 （一）我们先给开发板装个系统，如果你已经有系统了，可以忽略这一步，直接跳到【搭建Linux面板】 去到你开发板的官网，下载对应的镜像文件，我这里选择的是香橙派的ubuntu镜像 香橙派官网：http://www.orangepi.cn/html/hardWare/computerAndMicrocontrollers/service-and-support/Orange-Pi-Zero-3.html 【由于系统文件4g，而且还是百度网盘，下载可能要几个小时，如果实在是不想等，可以邮箱xemowo@qq.com，看到邮件会发】 （二）使用balenaEtcher_v1.7.2将固件烧录到SD卡 软件官网：https://etcher.balena.io/#download-etcher（网站反应慢，下载链接要等一会才显示） 可以到我分享的蓝奏云下载：https://wwmg.lanzouj.com/ifd2c29gbyeh 第一个先选择ubuntu镜像的文件，然后第二个选择自己的SD卡，最后点击Flash开始下载 （三）将SD卡插到开发板上，然后开机等一会 找到linux开发板的串口（RX|TX），用usb串口工具连接起来，因为目前开发板没有ssh连接，也没有网络，所以只能通过串口的方法进行调试 RX ---- TX TX ---- RX GND ----GND （四）打开MobaXterm软件，可以通过这个软件与开发板通信 下载地址：https://mobaxterm.mobatek.net/download-home-edition.html 蓝奏云：https://wwmg.lanzouj.com/ifd2c29gbyeh 选择Session，Serial，选择好端口，波特率115200 此时没问题的话，按下回车键，应该可以看到香橙派的logo了，有问题邮件我 （五）联网，连接WIFI或者网线，我这里教大家连接WIFI sudo nmcli dev wifi connect wifi账号 password wifi密码 只需要输入上面的指令，将wifi和密码输入进去即可，如果提示你要输入root的密码，默认root密码是orangepi 出现successfully则表示wifi连接成功 搭建Linux面板 mdserver-web面板 开源地址：https://github.com/midoks/mdserver-web?tab=readme-ov-file 这款面板是我认为最适合网站管理的（在我用过好几款热门面板后得出的结论）这款面板，没有任何广告，并且开源，而且内置非常多的插件免费使用！不会有花里胡哨的功能导致服务器过载或者是占用空闲的资源 直接使用脚本安装就可以了 curl --insecure -fsSL https://cdn.jsdelivr.net/gh/midoks/mdserver-web@latest/scripts/install.sh | bash （二）等待20-30分钟左右，板子性能越好，安装越快，如果你没有一直看着安装，那就等半小时之后输入"MW" 然后根据提示，先输入11改密码，然后再输入12改用户名，最后输入10显示面板的网址 （三）点击网址进去，然后输入账号密码，然后下载网址所需的组件 1.下载OpenResty，这个是基于Nginx与Lua的高性能Web平台 2.下载PHP，选择所需的版本 3.下载MySOL，数据库选择所需的版本 【以上是网站运行必须的3个组件】 【建议：必须要下载两个防御措施，避免服务器被入侵，被入侵非常麻烦！】 4.下载OP防火墙，可以将全部防御都打开 5.下载系统加固，将所有加固打开 路由器设置 （一）路由器要设置一下，才能让人访问到服务器的内容，我用的是小米路由器，大家可以根据自己的路由器进行设置，方法大同小异。 小米路由器的地址192.168.31.1 （二）选择高级功能----端口转发 （三）打开DMZ功能，随便选择一个ip，我这里选择192.168.31.101 （四）DDNS功能 DDNS可以将ip变成域名，这样的话就不需要使用CDN，别人也可以通过域名访问你的网站 可以省去CDN和域名 但是缺点是，DDNS免费服务的流量很少，响应速度慢，可能会影响体验 搭建网站 （一）回到面板，等所有组件安装完之后，点击添加网站 输入路由器DMZ设置的ip，然后加上想要的端口，因为80端口不开放，所以必须加一个端口 （二）浏览器输入你的ip，我这里是192.168.31.101:888 显示Work has started!!!，则代表成功 但是，此时只能内网访问，外网访问的话，必须要公网IP 公网IP需要找运营商开通，网上有教程 （三）内网穿透 如果你已经有公网IP可以使用阿里云CDN，或者用路由器的DDNS 阿里云CDN优点：速度快，安全，稳定，域名自定义 阿里云CDN缺点：付费，1T流量大概126块钱，需要API来自动解析动态IP，需要备案域名 路由器DDNS优点：免费，自带域名无需备案 路由器DDNS缺点：速度慢，不稳定，域名不能自定义 ========================================================== 由于各家路由器的DDNS都不一样，所以DDNS的方法只能大家自行寻找了，这里我给大家分享一下，买了CDN如何配置 配置CDN和域名 （一）选择域名（域名要备案才行） （二）源站，源站就是公网ip加上端口 （三）为了确保效率，我这里将缓存设置改成了不缓存，这样可以及时更新信息，因为我的是API网站，大家可以根据自己的需求来 验证 等CDN配置完成之后，输入域名，即可打开网站 http://api.xemowo.top/ 如果打不开，可能出现的问题 1.网站管理面板内，安全，记得放行端口 2.域名没有配置到cdn 3.路由器DMZ配置失败 4.网站组件下载失败 5.linux板子配置太低 总结 （一）linux开发板对于搭建小型网站、博客来说，还是很友好的，基本上可以完美运行不卡，但是对于大型应用来说，可能有点吃力，大型应用还是推荐正经服务器、云服务器 （二）由于服务器是用家用网络的，所以建议限制linux带宽，而且必须做好网站防护，如果被当肉鸡了，家里网络基本上卡爆，所以安全是第一位 （三）如果你不是企业用户或者vip用户，我推荐mdserver-web面板，不用宝塔面板或者别的付费面板，因为linux开发板本身就配置不高，而且也用不上这么多花里胡哨的功能，所以不用这么高级的面板

  Ben Bajarin是行业分析公司Creative Strategies的首席分析师。他最近在科技博客网站TechPinions上发表一篇文章指出：谷歌的未来不是Android，而是Chrome OS。他的理由是，未来互联网是日常电脑使用体验的一个重要组成部分，如果所有的软件都移植到了Web上，Chrome就可以取代传统的操作系统。 不过他也承认就算这个替代会发生，也需要一段时间。 以下为原文，由腾讯科技翻译 ： 谷歌最近推出了几款新的Chromebook，正在打广告宣传它们。249美元（折合人民币约1555元）的价格非常诱人，但Chromebook的关键要 素是“web应用”形态的软件。虽然在我们目前所处的世界中，主要应用还不是完全基于HTML或浏览器的，但我相信未来的某一天，那将很有可能成为现实。 在我设想的未来中，跟Android相比，Chrome和Chrome OS对谷歌更加重要。 在未来，一切运算是发生在浏览器中呢，还是发生在本机或安装好的软件中？人们对此各执一词。 现在，我们下载并安装软件或应用到个人电脑、智能手机、平板电脑和联网电视上。将来，情况也许不会是这样。很可能在未来，我们所有的软件都将在浏览器中运行。我们称这些应用程序为“Web应用”。我认为，未来我们不会再在设备上安装应用程序，而是通过互联网访问它们。 Web应用通过Web浏览器使用，不需要下载并安装到电脑或其他设备上。Web应用的功能跟安装在本机上的应用程序相同，主要区别只有一个：你需要连接到互联网上才能使用Web应用。 你可能觉得这个想法非常疯狂。我们并不是每时每刻都在线上，那么你为什么要使用一个不联网就使用不了的软件呢？问得好。但是只要回想一下你使用计算机时常做 的事情，你就会发现，这些事情需要先接入互联网才能进行：电子邮件、Facebook、Twitter、网上冲浪，在互联网上搜索、网页浏览、下载、流媒体，以及很多其他事情。我可以打赌，绝大多数人在使用电脑时，做的90％以上的事情都需用到互联网。 可能我们大多数人在使用电脑都采用了一种“混合方式”：在有条件的时候利用基于互联网的功能，而当设备无法联网时，我们就依赖本机应用。 最近我遇到了这样一件事，我居住的那片区域停电了，蜂窝服务提供商数据塔的主电源也受到影响，所以虽然我的手机可以打电话，但却无法传输数据。既然移动设备和桌面设备都上不了网，我算是彻底被断网了。 这时我意识到，如果没有互联网，我的笔记本电脑几乎没有什么用处。当然这么说有点夸张，但在那个时候，我需要需要做的所有事情都需要有互联网才行。这次经历让我思考，我通常在电脑上做的哪些事情需要有互联网才行。 在列出一张清单之后，我发现自己使用电脑时不需要互联网的事情只有写作、编辑照片和制作视频。但没有了互联网，我就不能发送或分享这些文字、照片或视频。 所以，如果有人说我们使用电脑时不需要互联网，我会认为那种说法站不住脚。对于我们大多数人而言，互联网都是日常电脑使用体验的一个重要组成部分。 这就是Chrome OS的用武之地 谷歌最近跟三星和宏碁携手推出了几款Chromebook。Chromebook本质上就是个人电脑，但它跟一般电脑的主要区别在于：Chromebook上只安装了一个软件，即Chrome浏览器。 谷歌对Chromebook的设想跟我前面描述的很相似：我们使用电脑时做的一切事情都发生在浏览器中。 从很大程度上说，这个未来取决于业界对HTML和J*vascript未来版本的态度。随着HTML和J*vascript的发展，我们将可以在浏览器中运 行更复杂的软件。HTML和J*vascript是基本编程语言，目前人们现在用它们来创建网站和Web应用。在谷歌的设想中，HTML和 J*vascript 基本上会成为未来最重要的编程语言中的两种。 MugTug提供了一个利用HTML5的有趣例子：你可以用MugTug.com网站上的Web应用编辑照片，整个过程都在浏览器中完成。这个服务说明，在浏览器中运行的程序可以跟本机应用的一样强大。 谷歌则推进得更远。该公司最近宣布，它正在测试Chrome浏览器的C /C+ +编程语言支持功能。C和C + +是最常见的编程语言，用于创建本机桌面和操作系统应用程序。 谷歌在一篇博客中表示，用于增强Chrome浏览器处理性能的Native Client项目“能让C和C + +代码在浏览器中无缝执行，安全限制类似于J*vaScript。开发人员可以现在利用本机代码库和专业知识来提供便携的、高性能的Web应用。” 这再次说明Chrome OS可能会成为本机操作系统的一个出色替代品。 这个设想还有一些重要元素，人们对它们谈论不多。很多开发者都同时在开发iOS、Android和HTML 5 Web应用，他们认为，一开始就制作好所有这些应用，然后再维护它们会更加经济。这意味着，在某个时间点上，Web应用的数量会跟应用商店里的本机应用数量持平。我们当然还需要一些方法来搜索发现这些Web应用，但随着时间的推移，会有人找到出色的解决方案。 Android的位置在哪里呢？ Android适合的是本机OS和需要下载安装的本机应用模式。而且Android更加侧重于移动设备，而不是传统电脑。不过在我的设想中，Chrome手机和Chrome平板电脑可以替代Android手机和Android平板电脑。 我之所以有这些设想，部分原因是谷歌Android最近遭受了专利侵权索赔起诉，很多人都非常关注这一事件，因为如果谷歌在这些专利诉讼中败 诉，Android的未来就令人担忧。但是在我设想的未来中，Android只是一个暂时性的产品，这意味着即使谷歌败诉，Android失去了合作伙 伴，谷歌也不会一蹶不振。 我觉得，就算Android会消失，也不会在短期内消失。Android硬件、软件**务增长迅猛，即便需要加收额外的授权费用，相关供应商也会乖乖交钱。我主要的观点是，如果未来的运算是基于浏览器的，Chrome OS会为谷歌及其硬件合作伙伴提供长期机会。 Chrome浏览器及其潜力令我感兴趣的地方，是Chrome利用电脑上所有硬件的方式。具体来说，就是Chrome浏览器可以利用GPU和麦克风端口、媒体卡读卡器和USB端口等硬件，而这通常只有操作系统才能办到。 正因为如此，我认为，在未来，如果我们所有的软件都移植到了Web上，Chrome就可以取代传统的操作系统。 Android是谷歌的现在，Chrome OS是谷歌的未来。 目前谷歌正在用翻盖式笔记本电脑开展这项工作，但在不久的将来，就有可能会出现Chrome平板电脑。 说实话，虽然我相信我们正在朝着这个方向前进，但我不知道什么时候这个设想才能成为现实。它需要很多不同的因素一起发挥作用，其中包括可以持久、可靠、实惠地接入互联网的设备。 技术发展有时候快得惊人，但有时候又非常缓慢。我认为这个设想属于后者，至少需要5年才有望实现，很可能时间还会拖得更长。 （转自和讯网）

  Ben Bajarin是行业分析公司Creative Strategies的首席分析师。他最近在科技博客网站TechPinions上发表一篇文章指出：谷歌的未来不是Android，而是Chrome OS。他的理由是，未来互联网是日常电脑使用体验的一个重要组成部分，如果所有的软件都移植到了Web上，Chrome就可以取代传统的操作系统。 不过他也承认就算这个替代会发生，也需要一段时间。 以下为原文，由腾讯科技翻译 ： 谷歌最近推出了几款新的Chromebook，正在打广告宣传它们。249美元（折合人民币约1555元）的价格非常诱人，但Chromebook的关键要 素是“web应用”形态的软件。虽然在我们目前所处的世界中，主要应用还不是完全基于HTML或浏览器的，但我相信未来的某一天，那将很有可能成为现实。 在我设想的未来中，跟Android相比，Chrome和Chrome OS对谷歌更加重要。 在未来，一切运算是发生在浏览器中呢，还是发生在本机或安装好的软件中？人们对此各执一词。 现在，我们下载并安装软件或应用到个人电脑、智能手机、平板电脑和联网电视上。将来，情况也许不会是这样。很可能在未来，我们所有的软件都将在浏览器中运行。我们称这些应用程序为“Web应用”。我认为，未来我们不会再在设备上安装应用程序，而是通过互联网访问它们。 Web应用通过Web浏览器使用，不需要下载并安装到电脑或其他设备上。Web应用的功能跟安装在本机上的应用程序相同，主要区别只有一个：你需要连接到互联网上才能使用Web应用。 你可能觉得这个想法非常疯狂。我们并不是每时每刻都在线上，那么你为什么要使用一个不联网就使用不了的软件呢？问得好。但是只要回想一下你使用计算机时常做 的事情，你就会发现，这些事情需要先接入互联网才能进行：电子邮件、Facebook、Twitter、网上冲浪，在互联网上搜索、网页浏览、下载、流媒体，以及很多其他事情。我可以打赌，绝大多数人在使用电脑时，做的90％以上的事情都需用到互联网。 可能我们大多数人在使用电脑都采用了一种“混合方式”：在有条件的时候利用基于互联网的功能，而当设备无法联网时，我们就依赖本机应用。 最近我遇到了这样一件事，我居住的那片区域停电了，蜂窝服务提供商数据塔的主电源也受到影响，所以虽然我的手机可以打电话，但却无法传输数据。既然移动设备和桌面设备都上不了网，我算是彻底被断网了。 这时我意识到，如果没有互联网，我的笔记本电脑几乎没有什么用处。当然这么说有点夸张，但在那个时候，我需要需要做的所有事情都需要有互联网才行。这次经历让我思考，我通常在电脑上做的哪些事情需要有互联网才行。 在列出一张清单之后，我发现自己使用电脑时不需要互联网的事情只有写作、编辑照片和制作视频。但没有了互联网，我就不能发送或分享这些文字、照片或视频。 所以，如果有人说我们使用电脑时不需要互联网，我会认为那种说法站不住脚。对于我们大多数人而言，互联网都是日常电脑使用体验的一个重要组成部分。 这就是Chrome OS的用武之地 谷歌最近跟三星和宏碁携手推出了几款Chromebook。Chromebook本质上就是个人电脑，但它跟一般电脑的主要区别在于：Chromebook上只安装了一个软件，即Chrome浏览器。 谷歌对Chromebook的设想跟我前面描述的很相似：我们使用电脑时做的一切事情都发生在浏览器中。 从很大程度上说，这个未来取决于业界对HTML和Javascript未来版本的态度。随着HTML和Javascript的发展，我们将可以在浏览器中运 行更复杂的软件。HTML和Javascript是基本编程语言，目前人们现在用它们来创建网站和Web应用。在谷歌的设想中，HTML和 Javascript 基本上会成为未来最重要的编程语言中的两种。 MugTug提供了一个利用HTML5的有趣例子：你可以用MugTug.com网站上的Web应用编辑照片，整个过程都在浏览器中完成。这个服务说明，在浏览器中运行的程序可以跟本机应用的一样强大。 谷歌则推进得更远。该公司最近宣布，它正在测试Chrome浏览器的C /C+ +编程语言支持功能。C和C + +是最常见的编程语言，用于创建本机桌面和操作系统应用程序。 谷歌在一篇博客中表示，用于增强Chrome浏览器处理性能的Native Client项目“能让C和C + +代码在浏览器中无缝执行，安全限制类似于JavaScript。开发人员可以现在利用本机代码库和专业知识来提供便携的、高性能的Web应用。” 这再次说明Chrome OS可能会成为本机操作系统的一个出色替代品。 这个设想还有一些重要元素，人们对它们谈论不多。很多开发者都同时在开发iOS、Android和HTML 5 Web应用，他们认为，一开始就制作好所有这些应用，然后再维护它们会更加经济。这意味着，在某个时间点上，Web应用的数量会跟应用商店里的本机应用数量持平。我们当然还需要一些方法来搜索发现这些Web应用，但随着时间的推移，会有人找到出色的解决方案。 Android的位置在哪里呢？ Android适合的是本机OS和需要下载安装的本机应用模式。而且Android更加侧重于移动设备，而不是传统电脑。不过在我的设想中，Chrome手机和Chrome平板电脑可以替代Android手机和Android平板电脑。 我之所以有这些设想，部分原因是谷歌Android最近遭受了专利侵权索赔起诉，很多人都非常关注这一事件，因为如果谷歌在这些专利诉讼中败 诉，Android的未来就令人担忧。但是在我设想的未来中，Android只是一个暂时性的产品，这意味着即使谷歌败诉，Android失去了合作伙 伴，谷歌也不会一蹶不振。 我觉得，就算Android会消失，也不会在短期内消失。Android硬件、软件**务增长迅猛，即便需要加收额外的授权费用，相关供应商也会乖乖交钱。我主要的观点是，如果未来的运算是基于浏览器的，Chrome OS会为谷歌及其硬件合作伙伴提供长期机会。 Chrome浏览器及其潜力令我感兴趣的地方，是Chrome利用电脑上所有硬件的方式。具体来说，就是Chrome浏览器可以利用GPU和麦克风端口、媒体卡读卡器和USB端口等硬件，而这通常只有操作系统才能办到。 正因为如此，我认为，在未来，如果我们所有的软件都移植到了Web上，Chrome就可以取代传统的操作系统。 Android是谷歌的现在，Chrome OS是谷歌的未来。 目前谷歌正在用翻盖式笔记本电脑开展这项工作，但在不久的将来，就有可能会出现Chrome平板电脑。 说实话，虽然我相信我们正在朝着这个方向前进，但我不知道什么时候这个设想才能成为现实。它需要很多不同的因素一起发挥作用，其中包括可以持久、可靠、实惠地接入互联网的设备。 技术发展有时候快得惊人，但有时候又非常缓慢。我认为这个设想属于后者，至少需要5年才有望实现，很可能时间还会拖得更长。 （转自 和讯网 ）