前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >The Things Network LoRaWAN Stack V3 学习笔记 2.7 编译运行 Web 前端

The Things Network LoRaWAN Stack V3 学习笔记 2.7 编译运行 Web 前端

作者头像
twowinter
修改于 2023-09-21 08:38:18
修改于 2023-09-21 08:38:18
51800
代码可运行
举报
文章被收录于专栏:twowintertwowinter
运行总次数:0
代码可运行

1 Stack 前端简介

Stack 包含了两个前端应用: ConsoleOAuth Provider

Both applications use React as frontend framework. The console and oauth packages of the backend expose their respective web servers and handle all logic that cannot be done in the browser. Otherwise both applications are single page applications (SPA) that run entirely in the browser.

Console

The Console is the official management application of the stack. It can be used to register applications, end devices or gateways, monitor network traffic, or configure network related options, among other things. The console uses an OAuth access token to communicate with the stack.

OAuth

The OAuth app provides the necessary frontend for the OAuth provider of the stack. It is used e.g. to display the authorization screen that users get prompted with when they want to authorize a third-party app to access the stack.

2 编译 Stack 前端

Stack提供了 production 和 development 这两种模式的前端,可以通过环境变量 $NODE_ENV 来控制。编译命令为:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
mage js:build

默认情况下,该 $NODE_ENV 为 production。本节笔记先按照 production 走,下一篇笔记再记录 development 的实践。

3 总体操作流程

这里有个需要额外关注的,就是命令操作的步骤不能乱。基本上是 build frontend -> build stack -> stack start all -> browser。具体参考步骤如下:

  1. ./mage init
  2. ./mage js:build
  3. go build ./cmd/ttn-lw-stack
  4. Identity Server 配置
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$ ./ttn-lw-stack is-db init
$ ./ttn-lw-stack is-db create-admin-user --id admin --email admin@localhost
$ ./ttn-lw-stack is-db create-oauth-client --id console --name "Console" --owner admin --secret console --redirect-uri 'https://localhost:8885/console/oauth/callback' --redirect-uri 'http://localhost:1885/console/oauth/callback' --redirect-uri '/console/oauth/callback'
  1. ./cmd/ttn-lw-stack start all
  2. 如果是在本地上跑的话,那么直接浏览器访问 http://localhost:1885/console

4 部署在CVM上的操作

i. 访问 console

我是部署在腾讯云服务器上,所以浏览器访问URL要调整下IP。http://yourip:1885/console

ii. OAuth 认证

点击登录之后,会提示先认证,由于此前配置的 redirect-uri 是 localhost,因此需要手动调整下这个URL,将 localhost 替换为我们的 CVM IP。

先替换第一个localhost,之后填入用户名和密码。

iii. 登录 console

在重定向的第二次URL上将 localhost 调整为 CVM IP。

END

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
The Things Network LoRaWAN Stack V3 学习笔记 2.7.1 Web 前端开发调试
上一篇研究了如果编译运行 Web 前端,这一篇研究如何在开发模式下调试 Web 前端。
twowinter
2020/04/17
4140
The Things Network LoRaWAN Stack V3 学习笔记 2.1 运行准备
为了让内容可以使用 TLS 进行传输,整个 Stack 需要 cert.pem 和 key.pem。
twowinter
2020/04/17
9650
The Things Network LoRaWAN Stack V3 学习笔记 2.2 使用 CLI 进行 OAuth 登录
在上一篇笔记中已经将 Stack 运行起来了,现在可以着手用 CLI 来做一些测试,第一步是要先登录账户。
twowinter
2020/04/17
5080
The Things Network LoRaWAN Stack V3 学习笔记 1.2 源码编译 - 190821
源码编译是重头戏,这节笔记记录如何使用 make 命令编译相关部件。由于部分包在墙外,带来了一点麻烦,还分享一个 GO 翻墙利器。
twowinter
2020/04/17
1.1K0
The Things Network LoRaWAN Stack V3 学习笔记 2.1.2 客户端导入自签名 CA 证书
TTN 的开发环境使用了自签名证书,浏览器端在进行OAUTH登录时会弹出警告,当然我们可以无视警告强制跳转。但本地客户端 CLI 也需要进行 SSL 交互,因此本地也需要添加 CA 证书。
twowinter
2020/04/17
1.4K0
The Things Network LoRaWAN Stack V3 学习笔记
The Things Network 是 LoRaWAN 行业里非常著名的 Network Server 提供方,尤其是开发者社区运营得非常好,吸引了很多开发者来使用他们的平台。接触的许多国外的厂家,都是默认连接 TTN 的平台。
twowinter
2020/04/17
1.5K0
The Things Network LoRaWAN Stack V3 学习笔记 2.6 新增一个 CN470 子频段
目前 Stack 在 CN470 采用的是 FSB_11 子频段,手头的网关大多使用 FSB_1,本篇笔记演示如何为 Stack 新增一个子频段。
twowinter
2020/04/17
8910
The Things Network LoRaWAN Stack V3 学习笔记 1.1 安装依赖工具
整个 STACK 是使用“互联网时代的C语言” GO 语言来编写的,开发环境重度依赖 make,另外还需要安装 node、yarn 等工具。
twowinter
2020/04/17
3830
The Things Network LoRaWAN Stack V3 学习笔记 2.1.1 使用 CockroachDB Shell 操作 Identity Server
1 登录 # cockroach sql --insecure --host=localhost:26257 # Welcome to the cockroach SQL interface. # All statements must be terminated by a semicolon. # To exit: CTRL + D. # # Server version: CockroachDB CCL v2.1.6 (x86_64-unknown-linux-gnu, built 2019/03/04
twowinter
2020/04/17
4170
The Things Network LoRaWAN Stack V3 学习笔记 3.1.2.2 下行 MAC 命令处理流程
MAC 命令下行,目前和数据下行一样,主要也是在 generateDownlink() 进行处理。
twowinter
2020/04/17
3970
The Things Network LoRaWAN Stack V3 笔记 2.3 使用 CLI 在 Stack 上创建 DEMO 应用
前两篇笔记将 Stack 跑起来并且登录上去,那接下来就可以创建应用,再之后让网关和节点连接上来。
twowinter
2020/04/17
8660
node服务及前端应用部署
本文案例取自在笔者腾讯云服务器上的实践。上线部署在大公司里其实是专人操作的,一个产品从构思到发布,许许多多的坑要踩。
一粒小麦
2019/08/09
2.2K0
node服务及前端应用部署
The Things Network LoRaWAN Stack V3 笔记 2.4 Packet Forward 让 LoRaWAN 网关接入
应用创建好之后,先让 LoRaWAN 网关接入进来。本篇笔记使用树莓派 LoRaWAN 网关搭配 Packet Forward,做修改后接入到 Stack。
twowinter
2020/04/17
8930
The Things Network LoRaWAN Stack V3 学习笔记 2.5 LoRa节点配置接入
LoRa节点目前还是拿商用模组来做测试,我手上拿的是四信的F8L10D,串口操作直接调整下 DevEUI/AppKEY/AppEUI 。
twowinter
2020/04/17
9610
使用Cloudflare搭建自己的临时/免费/域名邮箱
GitHub地址:dreamhunter2333/cloudflare_temp_email: CloudFlare free temp domain email 免费 临时 域名邮箱
夜梦星尘
2024/08/20
1.2K0
使用Cloudflare搭建自己的临时/免费/域名邮箱
51. 精读《Elements of Web Dev》
1 引言 本周精读, 来一起总结web开发的环节, 知识块和技能点. 是不是像xx速成班宣传的一样, 培训三个月, 经验顶三年, 入职BAT, 年薪三十万? 本文虽然是罗列知识点, 但我想很有意义.
黄子毅
2022/03/14
2860
29.4K star! 仅需几行代码快速构建机器学习 Web 应用开源项目,无需前端技能!
Gradio是一个开源的Python库,用于创建机器学习和数据科学的交互式应用和演示。
测试开发技术
2024/05/28
2340
29.4K star!  仅需几行代码快速构建机器学习 Web 应用开源项目,无需前端技能!
The Things Network LoRaWAN Stack V3 学习笔记 1.3 交叉编译生成Linux程序
为了测试 NS,本尊在腾讯云上买了一个CVM,1核1G。编译的时候发现居然出现了内存溢出,不得不琢磨下交叉编译。顺便感受下 GO 跨平台的亮点特色。
twowinter
2020/04/17
5560
grafana酷炫图表
1)grafana是用于可视化大型测量数据的开源程序,他提供了强大和优雅的方式去创建、共享、浏览数据。dashboard中显示了你不同metric数据源中的数据。 2)grafana最常用于因特网基础设施和应用分析,但在其他领域也有机会用到,比如:工业传感器、家庭自动化、过程控制等等。 3)grafana有热插拔控制面板和可扩展的数据源,目前已经支持Graphite、InfluxDB、OpenTSDB、Elasticsearch。
张琳兮
2019/03/14
4K0
grafana酷炫图表
私有化部署 Outline
我在这两篇文章(https://soulteary.com/2021/09/05/opensource-documentation-wiki-software-outline-part-1.html、https://soulteary.com/2021/09/11/opensource-documentation-wiki-software-outline-part-2.html)看到了这个工具,打算试一试,结合那篇文章中罗列的信息,加上我自己的理解,基本上可以把这款软件的特点罗列如下:
凝神长老
2023/03/25
4.4K0
私有化部署 Outline
推荐阅读
相关推荐
The Things Network LoRaWAN Stack V3 学习笔记 2.7.1 Web 前端开发调试
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验