建站知识
首页 > 网站建设 > 建站知识 > 如何搭建一个AndroidJetpack模版项目在线生成工具(图)

如何搭建一个AndroidJetpack模版项目在线生成工具(图)

发布时间:2021-01-29    来源:广州网站优化公司     浏览次数:

整个系列的简要介绍

从前,您是否有打开个人网站的冲动?我第一次开始写博客时就有这个主意,但是直到看到flutter具有网络支持才开始设置它,我当时在想,这是时间,必须并且必须完成,所以我建立了网站,代码是开源的,这次我不打算基于该网站进行开发网站搭建,我再次申请了一个新域名,请读给我听。以前的博客可能要等到我制作了一个Android Jetpack模板项目在线生成工具。我申请将其集成到Android Jetpack中并提供一个令人难忘的域名。当然,我还有另一个计划,那就是创建Flutter生态系统。 Jetpack,此博客是计划的第一步。它对每个人都是完全开源的。让阅读我的博客的学生与我建立一个网站,并顺便学习Flutter技术。我们不多说。接下来,让我们看看如何建立这个网站。

环境要求Flutter项目的创建

假装您已经设置了环境

flutter channel beta
flutter upgrade
flutter config --enable-web
flutter devices
Chrome     • chrome     • web-javascript • Google Chrome 78.0.3904.108

逐行执行命令行,最后看到Chrome,祝贺您成功。

Node项目创建终端,我们直接在其中打开Flutter项目

mkdir node
mkdir server
cd node/server

输入服务器目录广州SEO,现在您的节点环境应该很好,因此开始使用Express生成器生成项目

npm install express-generator -g //安装好了略过
express --view=pug myapp

将myapp修改为您自己的项目名称。您将在执行后看到

下一步

cd myapp
npm i
npm start

在浏览器中尝试:如果看到以下内容,则可以3000

开始项目关联

flutter build web

生成Web软件包,最后在build文件夹中生成Web软件包。该网络软件包包含网站的相关文件。

#!/usr/bin/env bash
node node/server/bin/www

这也非常简单。该脚本是为了帮助我们启动节点服务。当然,我们还将由flutter项目构建一些脚本,将文件自动复制到指定目录等,这些脚本将在以后完成。

最后

将代码上传到github

ibaozi-cn / flutter-jetpack的最后一个

在您的云服务器上,通过git将项目下载到服务器上网站搭建,这里我们需要工具来协助我们的服务部署

我选择pm2 + nginx开始服务

pm2:环境设置

nginx:环境设置

在这里我不会详细介绍。互联网上有一片大海,您需要挥手致意。给我留言,我会为您提供帮助。

最后通过pm2和nginx,项目可以完美运行

是的,您看到的是,哈哈,域名尚未下降,首先使用上一个,我们将迁移到以后。

摘要

在下一期中,我们将开发Flutter主页。我们遇到的东西,我们需要使用的东西,怎么写,为什么写,我们将带您逐步在以后的博客中建立一个完整的网站,并让我写下来。如果您想参与开发,请私下与我聊天,合作共赢,来吧。

上一篇:联想智选:冲着Thinkpad的情怀买个X1这个旗舰机

下一篇: 使用Docker来安装WordPress实例的命令--云栖社区

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x