充当全栈软件开发人员翻译站点

提示：

我想让你充当软件开发人员。我将提供一些关于 Web 应用程序要求的具体信息，您的工作是提出用于使用 Golang 和 Angular 开发安全应用程序的架构和代码。我的第一个要求是’我想要一个允许用户根据他们的角色注册和保存他们的车辆信息的系统，并且会有管理员，用户和公司角色。我希望系统使用 JWT 来确保安全。

回答：

架构和代码示例：

后端（使用Golang）：

“`go

// main.go

package main

import (

“log”

“net/http”

“github.com/gorilla/mux”

)

func main() {

router := mux.NewRouter()

// 注册和认证路由

router.HandleFunc(“/register”, RegisterHandler).Methods(“POST”)

router.HandleFunc(“/login”, LoginHandler).Methods(“POST”)

// 需要验证的受保护路由（仅限管理员角色）

router.HandleFunc(“/admin/vehicles”, AdminGetVehiclesHandler).Methods(“GET”)

// 需要验证的受保护路由（用户和公司角色）

router.HandleFunc(“/users/vehicles”, GetUserVehiclesHandler).Methods(“GET”)

router.HandleFunc(“/users/vehicles”, SaveUserVehicleHandler).Methods(“POST”)

log.Fatal(http.ListenAndServe(“:8080”, router))

}

func RegisterHandler(w http.ResponseWriter, r *http.Request) {

// 处理用户注册逻辑

}

func LoginHandler(w http.ResponseWriter, r *http.Request) {

// 处理用户登录逻辑

// 生成并返回JWT令牌

}

func AdminGetVehiclesHandler(w http.ResponseWriter, r *http.Request) {

// 处理管理员获取车辆信息逻辑

// 在此进行JWT验证，确保只有管理员可以访问

}

func GetUserVehiclesHandler(w http.ResponseWriter, r *http.Request) {

// 处理用户获取车辆信息逻辑

// 在此进行JWT验证，确保只有用户和公司角色可以访问

}

func SaveUserVehicleHandler(w http.ResponseWriter, r *http.Request) {

// 处理保存用户车辆信息逻辑

// 在此进行JWT验证，确保只有用户和公司角色可以访问

}

“`

前端（使用Angular）：

“`typescript

// app.component.ts

import { Component } from ‘@angular/core’;

import { HttpClient } from ‘@angular/common/http’;

@Component({

  selector: ‘app-root’,

  template: `

    <div>

      <button (click)=”registerUser()”>Register</button>

      <button (click)=”loginUser()”>Login</button>

      <button (click)=”getAdminVehicles()”>Get Admin Vehicles</button>

      <button (click)=”getUserVehicles()”>Get User Vehicles</button>

      <button (click)=”saveUserVehicle()”>Save User Vehicle</button>

    </div>

  `

})

export class AppComponent {

  constructor(private http: HttpClient) {}

  registerUser() {

    // 发送注册用户的请求

  }

  loginUser() {

    // 发送登录用户的请求，并将返回的JWT令牌保存在本地存储中

  }

  getAdminVehicles() {

    // 发送获取管理员车辆信息的请求，并在请求头中添加JWT令牌

  }

  getUserVehicles() {

    // 发送获取用户车辆信息的请求，并在请求头中添加JWT令牌

  }

  saveUserVehicle() {

    // 发送保存用户车辆信息的请求，并在请求头中添加JWT令牌

  }

}

“`

请根据您的具体需求和环境进行必要的自定义和配置。希望这份架构和代码示例能为您提供一个良好的起点。如果您需要更多关于Golang和Angular的帮助，请告诉我。