西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
最近，老板打电话约我，说我的工作量不够。 我很害怕，连忙表达了我的忠诚。 老板，我正在为我的公司建一个网站！ 因为我们单位从来没有网站，所以一直用微信公众号。 这次我们做了一个局域网网站，方便大家。
其实我很愧疚，因为我只是一个普通的美工+前端程序员，根本不懂后端和数据库！ 没办法，抓鸭子上架就开始做吧！
已知的要求如下：
1、公司内外网络分离。 目前只需要内网网站。
2、目前还不需要购买域名，领导也没有下达任何指令允许本网站在公网上访问。
3.实现主页显示、视频播放、文件下载、留言板功能。
如何访问内网网站：
方法一：Windows自带的IIS功能
我们看一下我的前端代码，主要是HTML、CSS和图片。
如果我直接点击index.html文件，就可以在浏览器中打开它。 像这样：
因为HTML+CSS+JavaScript这三种语言都是直接在浏览器端解析的，所以不存在搭建环境的问题。 您可以使用 Windows 附带的 IIS 功能（Internet 信息服务 (IIS) 管理器）。 ，它允许与您的 IP 地址相同的其他计算机访问您主机上的网页。 无需下载安装，Windows 自带。
直接打开控制面板>>程序>>打开或关闭Windows功能：
单击“打开”后，安装 Internet 信息服务 (IIS) 管理器
除非你需要传输文件，否则只需要FTP功能。 必须检查另外两个 Web 管理工具和万维网服务。 最好把里面的小选项都检查一遍。 然后单击“确定”，它将开始自行安装相应的功能。
安装完成后，在这里打开该功能：控制面板>>管理工具
查找此 Internet 信息服务 (IIS) 管理器：
打开后，首先点击左侧的网站，该网站通常隐藏在第一个选项中。 打开折叠的选项即可找到它。 然后点击右侧的添加网站：
然后填写网站名称。 物理路径是您放置网站代码的本地文件夹。 只需选择该文件夹并单击“确定”即可。
接下来，您可以让与您同网段的其他主机通过IP地址直接访问您计算机上的网页文件夹。 只要其中有index.html文件，它就会使用默认IP地址打开该文件。
是不是很简单呢？ 这简单吗？
但我必须告诉你，这就是我遇到麻烦的地方。
因为这个窗口的IIS功能不涉及任何基础的环境配置，所以只能适用于刚才提到的只包含HTML+CSS+JavaScript的程序文件，因为这些程序只需要浏览器解析就可以打开。 。 但它无法打开任何 PHP 文件。 如果你不相信我，请尝试打开一个 PHP 文件：
它有一个巨大的问题：它无法解析PHP等任何后端文件，因为这些文件依赖于服务器环境，并且需要安装apache、.net和MySQL才能运行。
所以如果你只使用IIS功能，就要求你的网站只能是前端页面，不能加载任何后端程序。 本质上和本地直接打开没有什么区别。 无论你打开它还是从具有另一个IP的主机打开它，都是等效的。 所以在本地打开。
如果要加载后端程序怎么制作网页；如何搭建局域网内网网站？，则必须将您的计算机或程序运行的环境配置为能够支持后端程序。
还有一点，删除IIS功能可以参考这个视频：
方法二：phpstudy面板（小皮面板）
如果你像我一样使用的后端程序是PHP，那么你必须安装apache（用于配置互联网环境）和PHP（解析PHP文件）。 然后就可以使用phpstudy面板一键安装需要的软件了。
在phpstudy官网下载安装包（一定要是官网，不要直接在百度上搜索任何软件下载中心，不然你会被装“全家桶”）。 该软件是免费的，可以一键安装。 适合菜鸟。
一键安装后，需要在小皮面板首页打开apache和mysql，并让其以蓝色运行。 如果您仍需要FTP功能，则还需要安装FTP功能。
然后点击左侧“网站”选项中的创建网站：
注意这里的域名选项：
如果你写的是一个从未被任何人购买和使用过的域名，那么这个小皮板可以为你生成一个虚拟域名，你可以直接在电脑上打开网站，比如这样：
80端口是指允许其他计算机访问您的计算机的端口。 必须选择根目录作为放置自己的 HTML 和其他文件的文件夹，以便系统知道在哪里打开文件。 数据库和ftp根据自己的情况创建。 例如，我只选择数据库liquid开发，因为我需要上传数据，但不一定要上传文件。 然后单击“确定”。
确保apache和mysql都打开后，点击这个“打开网站”，你就可以在浏览器中打开你的网站了，之前打不开的php文件也能正常运行了！
恭喜，您拥有一个可以同时运行前端和后端程序的网站！
但由于它是虚拟域名，组织中的其他计算机无法打开该地址。
你一定有疑问。 我想要的是一个局域网。 如果单位其他电脑都打不开，那有什么用呢？
简单的！ 然后你只需要把域名配置成你自己电脑的IP地址就可以了！
真实局域网配置：
配置你的IP地址怎么制作网页，使用80端口，然后选择本地放置web程序的根目录，就这样了！
接下来，您可以运行php并允许单位内的其他计算机访问该网站。
看吧，只要电脑和你的IP在同一个网段，就可以访问这个网站了！ 并且php运行没有任何问题！
访问内网+外部LAN，但不访问公网的方法：
如果你够勇敢怎么制作网页，即使你的单位已经内外网分离，但你希望单位的内网+外网能够访问你电脑上的局域网网站跨境独立站，而不允许公网访问，那你该怎么办？ ？
你需要修改你的电脑，安装两块网卡，这样你的电脑就可以配置两个IP，一个外部IP，一个内部IP。 然后你可以在小皮革面板中分别创建两个IP。 没关系！
然而，这样做的风险也非常高。 它会导致黑客从外网通过您的计算机直接访问内网。 那么单位内部网络就不安全，所以最好不要这样做。 内部网络就是内部网络。 不要让它面临遭受攻击的风险。
PS：如果你想让你的网站不再在局域网上，又想在公网上访问，你需要购买域名，然后通过阿里云、腾讯云或者你当地完成ICP备案中国移动、中国联通、电信，然后将IP地址解析为该域名，这样就可以从公网访问您的网站了。 即使你只需要一个直接的IP地址就可以访问公网，你也必须要做ICP注册，否则运营商不会为你开放公网的80端口。
顺便说一句，如果您选择阿里云的ICP注册服务，您还必须购买他们的服务器至少3个月，否则您将无法注册。 别问我怎么知道的。
这个哔哩哔哩视频讲的是如何购买阿里云和腾讯云下的服务器空间，以及购买域名和ICP注册。 很详细，你可以看看。 但这仅适用于公共网站，不适用于局域网网站。
总结一下上面两个视频，都是使用阿里云或者腾讯云服务器，使用宝塔面板（类似phpstudy面板，也是帮你一键安装PHP和MySQL），然后下载一套前端程序有了主题页面，您可以在最短的时间内建立一个网站。
西西木科技是shopify官方合作伙伴，通过了Shopify Partner Academy认证，具备多年shopify lic主题开发经验，熟悉Liquid和各项计算机语言。