小编Mag*_*win的帖子

AWS S3通过CLI预签名URL

有没有办法使用AWS CLI为S3存储桶中的对象创建预签名URL?

我知道可以使用SDK完成,但是可以使用CLI吗?

我在其中一个AWS文档上找到了这个,但无法完成命令:

s3cmd signurl s3://BUCKET/OBJECT <expiry_epoch|+expiry_offset>
Run Code Online (Sandbox Code Playgroud)

有帮助吗?

amazon-s3 amazon-web-services aws-cli

22
推荐指数
2
解决办法
2万
查看次数

AWS S3预签名URL内容长度

我正在使用AWS S3预先签名的网址从客户端(移动应用程序)上传图片.我想阻止用户上传大文件.有没有办法限制上传文件的内容长度?

谢谢

amazon-s3

20
推荐指数
1
解决办法
7216
查看次数

Angular 7动态内容投影

我需要能够告诉一个角度分量基于动态数据渲染另一个角度分量。我认为这需要内容投影,但是我只能在简单的情况下使内容投影起作用。

示例场景

我在香草TypeScript中有以下表数据:

const headings = [
  { id: 'cat', label: 'Cat' },
  { id: 'nameIt', label: 'Type the name' }
]

const data = [
  { cat: 'Tabby', nameIt: (name) => updateTabbysName(name) },
  { cat: 'Ginger', nameIt: (name) => updateGingersName(name) },
]
Run Code Online (Sandbox Code Playgroud)

我也有四个Angular组件:

  • simple-span在跨度中呈现文本。在这种情况下,它将渲染cat字段。
  • text-input呈现文本输入。在这种情况下,它将呈现基本的HTML输入,当用户输入文本时将调用nameIt回调。
  • my-special-cat-table将提供headingsdata变量,并允许了解text-inputsimple-span
  • generic-table它负责呈现表DOM元素。不允许知道text-inputsimple-span存在。

目的是generic-table完全不了解单元渲染组件

在Angular 7中可以实现吗?

javascript typescript angular

8
推荐指数
1
解决办法
708
查看次数

如何使用带有 React.js 的预签名 Url 将文件上传到 S3

我正在生成 S3 预签名 url,用于从本地上传文件。在前端,我使用 React。

我使用 API 调用获取预先签名的 URL,然后尝试使用 axios 上传文件,但它给出了 403(禁止)。

如果我使用 'curl' 使用相同的预签名 url,那么它可以正常工作,并且相同的文件会上传到 S3。

s3.py - 用于生成预签名的 url:

class S3Controller:
    def __init__(self, client=None, bucket=None):
        self.client = client
        self.bucket = bucket

    def signed_url(self, filename):
        filename = filename.replace('/', '-').replace(' ', '-')
        date = datetime.now()
        key = f"audio/{date.year}/{date.month}/{date.day}/{filename}"
        url = self.client.generate_presigned_url(
            ClientMethod='put_object',
            ExpiresIn=3600,
            Params={
                'Bucket': self.bucket,
                'Key': key,
            }
        )
        return url
Run Code Online (Sandbox Code Playgroud)

用于上传文件的组件:

import React, { Component, Fragment } from 'react';
import { withRouter } from 'react-router-dom';
import { S3SignedUrl …
Run Code Online (Sandbox Code Playgroud)

amazon-s3 reactjs axios

5
推荐指数
1
解决办法
6178
查看次数

使用 useEffect 钩子重定向

这个想法是我有一个组件可以呈现一些东西,但同时正在检查一些将返回或重定向到另一个组件的东西:

useEffect(() => {
  (() => {
    if (true) {
      // return to one component
    }

    // return to another component
  })();
});

return (
  <div> Javier </div>
);
Run Code Online (Sandbox Code Playgroud)

我认为可以使用useEffect hook,但问题是,它没有重定向到我的组件,我尝试使用Redirectfrom react-router,返回组件本身,并使用history包,在这种情况下,只替换了 url 但没有重定向。

这可能吗?或者也许我离题了。

非常感谢!

javascript reactjs react-hooks

5
推荐指数
2
解决办法
2万
查看次数

如何将React组件连接到Quickbooks按钮

我正在尝试将Quickbooks按钮(https://developer.intuit.com/docs/0100_quickbooks_online/0100_essentials/000500_authentication_and_authorization/widgets#/Connect_to_QuickBooks_button)连接到React组件中,并且试图将以下方法复制:添加脚本标记为React / JSX

Quickbooks按钮使用以下脚本代码:

<script
     type="text/javascript"
     src="https://appcenter.intuit.com/Content/IA/intuit.ipp.anywhere-1.3.3.js">
</script>
<script src="https://js.appcenter.intuit.com/Content/IA/intuit.ipp.anywhere-1.3.3.js" type="text/javascript"></script>
<script type="text/javascript">
    intuit.ipp.anywhere.setup({
            grantUrl: 'http://www.mycompany.com/HelloWorld/RequestTokenServlet',
            datasources: {
                 quickbooks : true,
                 payments : true
           },
            paymentOptions:{
                  intuitReferred : true
           }
    });
</script>
<body>
    <ipp:connectToIntuit></ipp:connectToIntuit>
</body>
Run Code Online (Sandbox Code Playgroud)

我试图使用下面的React代码,该代码不起作用。任何帮助表示赞赏。谢谢。

import React from 'react';

class ConnectToQuickBooksOnlineButton extends React.Component {
    constructor(props){
        super(props);
        this.state = {
        };
    }

    componentWillMount() {
            const library = document.createElement("script");
            library.src = "https://appcenter.intuit.com/Content/IA/intuit.ipp.anywhere-1.3.3.js";
            library.type = "text/javascript"
            library.async = true;
            document.body.appendChild(library);

            const setup = document.createElement("script");
            setup.src = "https://js.appcenter.intuit.com/Content/IA/intuit.ipp.anywhere-1.3.3.js";
            setup.type …
Run Code Online (Sandbox Code Playgroud)

javascript quickbooks quickbooks-online reactjs

4
推荐指数
1
解决办法
642
查看次数

从 Create-React-App 升级到 Next.js - CSS 样式表不起作用

最近我们发现我们的 React 项目必须使用 SSR。我检查了我所知道的每一种方法,并几乎测试了我在媒体和其他网站上找到的所有方法。经过大量工作后,我决定我们必须迁移到 Next JS。

虽然迁移过程一切都很好,但对于样式表而言。

在我们应用程序的旧版本中,我们使用 webpack 将样式与项目捆绑在一起,一切都很好。

这是 webpack.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const port = process.env.PORT || 3000;
const extractSCSS = new ExtractTextPlugin('./[name].css');

// const UglifyJS = require('uglifyjs-webpack-plugin');
module.exports = {

  mode: 'development',
  output: {
    filename: 'bundle.[hash].js',
    publicPath: '/'
  },
  devtool: 'source-map',
  module: {
    rules: [

      // First Rule

      {
        test: /\.(js)$/,
        exclude: /node_modules/,
        use: ['babel-loader'],

      },

      // Second Rule

      {
        test: /\.scss$/,
        use: ['css-hot-loader'].concat(extractSCSS.extract({
          fallback: 'style-loader',
          use: [
            {
              loader: 'css-loader?sourceMap', …
Run Code Online (Sandbox Code Playgroud)

reactjs server-side-rendering create-react-app next.js

4
推荐指数
1
解决办法
3852
查看次数

如何在AWS S3存储桶和CloudFront中将非www重定向到www

我知道如何在Apache服务器中使用.htaccess将非www重定向/重写为www。但是我对s3 bucket和CloudFront一无所知。我已经使用CloudFront将网站托管在s3存储桶上。

如何将所有http://example.com/请求重定向到http://www.example.com

amazon-s3 amazon-cloudfront

3
推荐指数
2
解决办法
2189
查看次数

如何在 aws ec2(linux 实例)上部署 Next js

我创建了下一个 js 应用程序。

现在我正在尝试将它部署在 AWS ec2 实例上。我可以像在我的开发服务器(本地服务器)上一样轻松地将它部署在 ec2 实例上(我将所有代码库移动到 ec2 并运行 npm install、npm run build 和 npm run start)。

但问题是,在我们在我的应用程序上部署任何更新(添加新功能)之后,假设如果我遵循与上述相同的过程,在这种情况下,我需要停止节点服务器,但我不想阻止它。

所以请给我一个替代方案,以便它可以轻松部署并更新我的应用程序。

deployment node.js reactjs server next.js

2
推荐指数
1
解决办法
4625
查看次数

如何使用 Node js 查询 Dynamodb 中的多列

我正在使用 Dynamodb 和 Nodejs 开发一个项目。我需要一个针对多个字段(例如select * from table where name=this and age=22 and active=this and area=this. 我需要一个不允许我仅查询扫描的解决方案。如果可能的话,请通过示例 Nodejs 脚本告诉我。

amazon-dynamodb

1
推荐指数
1
解决办法
4950
查看次数

JavaScript:为什么负数会返回正数?

好吧,我写了一个简单的函数,如果number > 0返回的话。如果number < 0返回-number(负数)

在我的测试中:当number < 0它返回为正数时。为什么?

numberFunc = function(number) {
  if (number > 0) return number;
  if (number < 0) return -number;
  return 0;
}

const result = numberFunc(-5);
console.log(result);
Run Code Online (Sandbox Code Playgroud)

javascript

1
推荐指数
1
解决办法
66
查看次数

在 Firebase 中注册后立即将用户信息保存到数据库中

我正在尝试使用 uid 作为文档 ID 将新创建的用户信息保存到 Firestore 中。我遇到的问题是在创建用户之后,为了在创建后将他的信息保存到Firestore集合中。这是我已经尝试过的:

 const usersRef = firebase.firestore().collection('Users');

 firebase.auth().createUserWithEmailAndPassword(values.email, values.password).then(function(user){
  usersRef.doc(`${user.uid}`).set({
    firstName: values.firstName,
    lastName: values.lastName,
    username: values.username,
    uid: user.uid
  })
}).catch(function(error){
  // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    // [START_EXCLUDE]
    if (errorCode == 'auth/weak-password') {
      alert('The password is too weak.');
    } else {
      alert(errorMessage);
    }
    console.log(error);
    // [END_EXCLUDE]
});

Run Code Online (Sandbox Code Playgroud)

该代码预计在创建后保存用户的信息,但它会导致以下错误:集合文档 ID 不能未定义等

firebase reactjs google-cloud-firestore

0
推荐指数
1
解决办法
1570
查看次数