Expo app.config.js googleServicesFile 用于不同的构建变体

25-04-29 1

如果您想了解Expoapp.config.jsgoogleServicesFile用于不同的构建变体的相关知识，那么本文是一篇不可错过的文章，我们将为您提供关于0701-springcloudconf

如果您想了解Expo app.config.js googleServicesFile 用于不同的构建变体的相关知识，那么本文是一篇不可错过的文章，我们将为您提供关于0701-spring cloud config-简介、Config Server开发、Config Client开发、ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j、angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在、App.config/Web.config 中特殊字符的处理的有价值的信息。

本文目录一览：

Expo app.config.js googleServicesFile 用于不同的构建变体
0701-spring cloud config-简介、Config Server开发、Config Client开发
ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j
angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在
App.config/Web.config 中特殊字符的处理

Expo app.config.js googleServicesFile 用于不同的构建变体

如何解决Expo app.config.js googleServicesFile 用于不同的构建变体

我希望能够区分我的 Expo 应用上的构建变体。

目前我的 app.config.js 中有我的 expo 配置


import Constants from ''expo-constants'';
let AndroidGoogleServicesFile = ''./google-services-dev.json'';
if (Constants.manifest.releaseChannel === ''staging'') {
  AndroidGoogleServicesFile = ''./google-services-staging.json'';
}
if (Constants.manifest.releaseChannel === ''release'') {
  AndroidGoogleServicesFile = ''./google-services.json'';
}
...
{
...
android: {
  adaptiveIcon: {
    foregroundImage: ''./assets/images/adaptive-icon.png'',backgroundColor: ''#FFFFFF'',},package: ''com.companyname.App'',googleServicesFile: AndroidGoogleServicesFile,...

因为您可以看到我希望能够根据 googleServicesFile 或构建变体配置我的 releaseChannel 但目前这似乎不可能？我也在使用 EAS 来构建，但我不确定我是否可以在我的 eas.json 中配置它...

0701-spring cloud config-简介、Config Server开发、Config Client开发

一、概述

参看地址：

　　https://cloud.spring.io/spring-cloud-static/Edgware.SR3/single/spring-cloud.html#_spring_cloud_config

　　https://gitee.com/itmuch/spring-cloud-book

1.1、为什么需要统一管理配置

　　集中管理、不同环境不同配置、运行期间动态调整配置、自动刷新

　　默认都是配置在配置文件中、数据库等中

1.2、简介

　　主要有两种分布式配置Zookeeper、Consul。

　　其实还有许多，如百度的disconf、阿里的diamond、携程的apollo

　　为分布式系统外部化配置提供了服务器端和客户端的支持。它包括Config Server和Config Client两部分。由于Config Server和Config Client都实现了对Spring Environment 和PropertySource抽象的映射，因此，Spring Cloud Config非常适合Spring应用程序，当然也可以与任何其他语言编写的应用程序配合使用。

　　Config Server是一个可横向扩展、集中式的配置服务器。它用于集中管理应用程序各个环境下的配置。默认使用Git存储配置内容（也可以使用Subversion，本地文件系统或Vault存储配置。）因此可以方便的实现对配置的版本控制与内容审计等

　　Config Client是Config Server的客户端，用于操作存储在Config Server中的配置属性。

1.3、架构图

　　在Config Server可以有dev、stage、prod等环境

二、Config Server开发

2.1、项目搭建

如git地址：https://github.com/bjlhx15/spring-cloud.git

增加pom

<dependencies>
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-config-server</artifactId>
        </dependency>
    </dependencies>

启动类增加注解

@SpringBootApplication
@EnableConfigServer
public class ConfigServerApplication {
    public static void main(String[] args) {
        SpringApplication.run(ConfigServerApplication.class, args);
    }
}

2.2、增加配置项目git

　　如：https://github.com/bjlhx15/spring-cloud-config-test-repo.git

2.3、在application.yml中增加

server:
  port: 8080
spring:
  cloud:
    config:
      server:
        git:
          uri: https://github.com/bjlhx15/spring-cloud-config-test-repo

启动项目测试即可.

2.4、访问地址

　　HTTP服务具有以下形式的资源映射规则：

/{application}/{profile}[/{label}]
/{application}-{profile}.yml
/{label}/{application}-{profile}.yml
/{application}-{profile}.properties
/{label}/{application}-{profile}.properties

　　其实是按照格式随意拼接即可。如：http://localhost:8080/aa-profile.properties 或者 http://localhost:8080/aa-profile.yml

　　其中label是git的分支版本。

2.5、测试

　　增加foobar-dev.yml测试。

　　访问:http://localhost:8080/foobar-dev.yml,发现是配置的文件，。

　　即访问优先级：先找到能匹配的文件【label/具体文件名】，如果不匹配即找到application配置文件。

　　平时使用建议使用一个配置文件即可

三、Config Client开发

3.1、创建项目

git地址：https://github.com/bjlhx15/spring-cloud.git

增加pom【注意是spring-cloud-starter-config】

<dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-config</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

配置文件

新增一个bootstrap.yml

spring:
  cloud:
    config:
      uri: http://localhost:8080
      name: foobar
      profile: dev
      label: master   # 当configserver的后端存储是Git时，默认就是master  
  application: #和配置文件匹配最好
    name: foobar

在application.yml

server:
  port: 8040

原因是：Spring云上下文

　　Spring Cloud应用程序通过创建“bootstrap”上下文来运行，该上下文是主应用程序的父上下文。【bootstrap.yml 优先级高于application.yml】开箱即用，它负责从外部源加载配置属性，并且还解密本地外部配置文件中的属性。这两个上下文共享一个环境，它是任何Spring应用程序的外部属性的来源。bootstrap属性以高优先级添加，因此默认情况下它们不能被本地配置覆盖。

　　bootstrap程序上下文默认约定：使用bootstrap.yml【bootstrap.properties】覆盖application.yml（或.properties）

　　但是可以使用spring.cloud.bootstrap.enabled=false禁用

　　bootstrap.*里面的配置→链接Config Server，加载远程配置之后→在加载application.*配置

2.2、增加启动类

@SpringBootApplication
public class ConfigClientApplication {
    public static void main(String[] args) {
        SpringApplication.run(ConfigClientApplication.class, args);
    }
}

2.3、增加测试

@RestController
public class ConfigClientController {
    // 传统方式需要在配置文件加上配置 ,但是优先级低于使用bootstap加载的配置
    @Value("${profile}")
    private String profile;

    @GetMapping("/profile")
    public String getProfile() {
        return this.profile;
    }
}

注意点：

　　1、pom的spring-cloud-starter-config不要引错；

　　2、不要不适用bootstrap.yml。否则默认是8888端口

　　3、如果本地属性也有远端属性，以bootstrap.yml先与本地application为主，故使用远端属性profile

　　4、注意git上的配置文件如果是yml类型，注意属性“：”后有空格。。

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

如何解决ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

我正在Rails上执行此应用程序，页面加载正常，但在控制台中显示：

Started GET "/vendor/assets/stylesheets/bootstrap.min.css" for ::1 at 2020-08-17 09:09:51 -0500

Started GET "/vendor/assets/javascripts/bootstrap.min.js" for ::1 at 2020-08-17 09:09:51 -0500
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/stylesheets/bootstrap.min.css"):
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/javascripts/bootstrap.min.js"):

在我的供应商文件夹中，我同时拥有文件夹，javascript和样式表，并分别位于各自的bootsrtrap.min中。即使在application.html.erb中，我也有以下内容：

  <link href="vendor/assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_Meta_tags %>
  <%= stylesheet_link_tag    ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>

</head>
<body>

  <!-- Navigation -->
  <nav>
    <div>
      <ahref="#">Instagram Clone</a>
      <buttontype="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span></span>
      </button>
      <divid="navbarResponsive">
        <ul>
          <li>
            <ahref="#">Home
              <span>(current)</span>
            </a>
          </li>
          <li>
            <ahref="#">About</a>
          </li>
          <li>
            <ahref="#">Services</a>
          </li>
          <li>
            <ahref="#">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div>
    <div>
      <div>
        <%= yield %>
      </div>
    </div>
  </div>

  <!-- Bootstrap core JavaScript -->
  <!--<script src="vendor/jquery/jquery.slim.min.js"></script>-->
  <script src="vendor/assets/javascripts/bootstrap.min.js"></script>
    
</body>
</html>

在js和CSS这两个应用程序文件中，我都放置了“ require bootsrtrap.min”，即使该错误仍然出现在控制台中。会是什么？

解决方法

RoR不使用目录作为文件夹结构指示。因为有资产装载者。您应该将5s或更少的css导入application.css中，并将js导入application.js中。并使用自己的助手添加捆绑文件：

1。用纱安装靴子

yarn add bootstrap @popperjs/core jquery

或

npm i bootstrap @popperjs/core jquery

栏位不超过5

2。在Assets Pipeline中导入文件

app / assets / stylesheets / application.css：

//...
require bootstrap/dist/css/bootstrap.min
//...

但是，如果需要，我建议使用SCSS并仅导入所需的样式。

app / assets / javascript / application.js：

//...
//= require jquery
//= require @popperjs/core
//= require bootstrap/dist/js/bootstrap.min
//...

3。在布局中导入资产

app / views / layout / application.html.erb：

<head>
...
  <%= stylesheet_link_tag ''application'',media: ''all'' %>
</head>
<body>
...
  <%= javascript_include_tag ''application'' %>
</body>

使用webpack滚动6

2。在application.scss和application.js中导入Bootstrap

app / javascript / stylesheets / application.scss：

//...
import ''bootstrap''
//...

app / javascript / packs / application.js：

import ''jquery''
import ''popper.js''
import ''bootstrap''
import ''../stylesheets/application''

3。在布局中导入捆绑包

<head>
...
  <%= stylesheet_pack_tag ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_pack_tag ''application'',''data-turbolinks-track'': ''reload'' %>
</head>

之后，您应该可以在所有应用程序中使用引导程序！

[解决方案]因此，在我的HTML（application.html.erb）内部，我有两个对js和css文件的调用：

<script src="assets/javascripts/bootstrap.min.js"></script>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>       
<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_meta_tags %>
  <%= stylesheet_link_tag    ''application'',''data-turbolinks-track'': 
  ''reload'' %>