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

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

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

简介

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

环境要求

需要切换测试版以支持Web开发

环境设置跳至上一个博客:Flutter系列环境设置

下载跳转至:下载| Node.js

入门跳转到:指南

环境配置:Node.js安装配置|新手教程

脚手架:Express Generator

请仔细阅读以了解具体步骤

Flutter项目创建

假装您已经设置了环境

打开终端并切换Flutter分支

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

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

打开Android Studio

下一步,只需简短地修改项目名称和描述

修改程序包名称,然后单击“完成”,您需要等待一段时间。

该项目已成功创建。就是这样,后面的博客慢慢介绍了每个开发的细节。

创建节点项目

我们直接打开Flutter项目的终端机

mkdir node
mkdir server
cd node/server

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

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

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

下一个

cd myapp
npm i
npm start

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

开始项目关联

在Flutter项目中执行

flutter build web

生成一个Web软件包,最终将在build文件夹下生成一个Web软件包。该网络软件包包含网站的相关文件。

将Web软件包下的文件复制到节点项目的公共文件中

我创建了一个public_flutter_web,为了将来区分文件,我还建议您执行相同的操作

修改express,因为默认的express是在views包下显示网页,而默认的是不实现html。只需删除下面图片中的所有文件

打开app.js文件,删除删除标签部分,然后添加添加标签部分

保存修改,重新启动服务npm start,然后打开:3000

请参阅以下内容:

您已经做好了,对不起,对于一个懒惰的人,我们必须编写一些脚本来帮助自动构建项目。

由于节点项目目录太深并且难以在命令行上运行,因此让我们编写一个shell脚本来帮助我修复它。在flutter项目的根目录中创建一个bin文件夹来放置我们的脚本

右键单击“新建文件”并将其命名为test_start_node.sh,内容如下

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

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

最后

将代码上传到github

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

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

我选择pm2 + nginx开始服务

pm2:环境设置

nginx:环境设置

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

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

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

摘要

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

上一篇:高等网站建设的特点有哪些?有什么特点呢?

下一篇:如何实现网页设计的实现可以分为两个部分?

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x