小编Ahm*_*rib的帖子

AWS-SES:如何设置发件人地址的显示名称

我正在使用 aws-ses 进行事务邮件发送。
电子邮件地址的格式如下:

noreply@domain_name.com

问题是,当用户收到电子邮件时,他们看到发件人的名字是“noreply”,但我想将其更改为自定义且更友好的名称。

SES 的配置方式如下:

const { SESClient, SendEmailCommand } = require("@aws-sdk/client-ses");
const REGION = "us-west-2"; //e.g. "us-east-1"
// Create SES service object.
const sesClient = new SESClient({ region: REGION });

const prepare_params = (destination_address, subject, html_email_content) => {
  // Set the parameters
  const params = {
    Destination: {
      /* required */
      CcAddresses: [
        /* more items */
      ],
      ToAddresses: [
        destination_address, //RECEIVER_ADDRESS
        /* more To-email addresses */
      ],
    },
    Message: {
      /* required */
      Body: { …
Run Code Online (Sandbox Code Playgroud)

cloud amazon-web-services amazon-ses transactional-email

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

如何在 React 应用程序中实现“添加到主屏幕按钮”?

我有一个具有安全连接 (https) 的已部署应用程序。
我设法使用 Google Chrome 中的此功能将其添加到我的 Android 主屏幕:
在此输入图像描述

问题是,如果我不在应用程序中添加执行此操作的按钮,用户不太可能执行此操作。

经过一番研究后,我尝试将此处的代码改编为我的 React 应用程序。
所以我改变了这个:

let deferredPrompt;
const addBtn = document.querySelector(".add-button");
addBtn.style.display = "none";
window.addEventListener("beforeinstallprompt", (e) => {
  // Prevent Chrome 67 and earlier from automatically showing the prompt
  e.preventDefault();
  // Stash the event so it can be triggered later.
  deferredPrompt = e;
  // Update UI to notify the user they can add to home screen
  addBtn.style.display = "block";

  addBtn.addEventListener("click", (e) => {
    // hide our user interface that …
Run Code Online (Sandbox Code Playgroud)

javascript manifest reactjs progressive-web-apps manifest.json

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

OkHttp:<-- HTTP 失败:java.net.UnknownServiceException:网络安全策略不允许与 10.0.2.2 的 CLEARTEXT 通信

我已经成功地在我的 Android 应用程序中使用 Firebase 身份验证实现了谷歌登录在此处输入图片说明

如您所见,我已使用我的帐户登录并显示在 Firebase 控制台上。

使用 Google Sign-in 登录后,函数firebaseAuthWithGoogle使用 Firebase 对用户进行身份验证:

private void firebaseAuthWithGoogle(GoogleSignInAccount acct) {
    Log.d(TAG, "firebaseAuthWithGoogle:" + acct.getId());
AuthCredential credential = GoogleAuthProvider.getCredential(acct.getIdToken(), null);
mFirebaseAuth.signInWithCredential(credential)
        .addOnCompleteListener(this, new OnCompleteListener<AuthResult>() {
            @Override
            public void onComplete(@NonNull Task<AuthResult> task) {
                if (task.isSuccessful()) {
                    // Sign in success, update UI with the signed-in user's information
                    Log.d(TAG, "signInWithCredential:success");
                    final FirebaseUser user = mFirebaseAuth.getCurrentUser();


                    //This is to connect to the http server and save the user data …
Run Code Online (Sandbox Code Playgroud)

httpserver android-studio retrofit okhttp android-security

6
推荐指数
2
解决办法
5930
查看次数

Passport.js:LocalStrategy 如何访问用户信息?

我已经阅读了几篇文章,解释了护照身份验证的流程并理解了大部分概念。但是,仍然有一些模糊的点需要解释,以便我可以一劳永逸地围绕 Passport。
让我们看看这个实现用户注册的简单示例:

护照.js

passport.use(
  'register',
  new LocalStrategy(
    {
      usernameField: 'username',
      passwordField: 'password',
      passReqToCallback: true,
      session: false,
    },
    (req, username, password, done) => {
      // TODO:Why is req.body.email is used and not req.body.username
      // And how are these values passed to register in the first place?
      console.log(username);
      console.log(req.body.email);

      try {
        User.findOne({
          where: {
            [Op.or]: [
              {
                username,
              },
              { email: req.body.email },
            ],
          },
        }).then(user => {
          if (user != null) {
            console.log('username or email already taken');
            return …
Run Code Online (Sandbox Code Playgroud)

javascript authentication node.js passport.js

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

React-router-dom :是否可以使用 Link 而不将用户路由到另一个页面?

我有这张表:

<Table hover bordered striped responsive size="sm">
              <thead>
                <tr>
                  <th>Nom du fichier</th>
                  <th>Date et heure d'ajout</th>
                </tr>
              </thead>
              <tbody>
                {this.state.fichierJointsInformation.map(
                  (operationSavInformation, i) => {
                    return (
                      <tr key={i}>
                        <td>
                          <Link
                            to={""}
                            onClick={this.onFichierJointLinkClicked}
                          >
                            {operationSavInformation.nomFichierOriginal}
                          </Link>
                        </td>
                        <td>{operationSavInformation.createdAt}</td>
                      </tr>
                    );
                  }
                )}
              </tbody>
            </Table>
Run Code Online (Sandbox Code Playgroud)

它被渲染成这样:
在此输入图像描述

我想要实现的内容:当用户单击第一列的任何元素时,就会下载关联的文件。
所以onFichierJointLinkClickedonClick 监听器将处理 API 请求和其他一切。

<Link
                        to={""}
                        onClick={this.onFichierJointLinkClicked}
                      >
                        {operationSavInformation.nomFichierOriginal}
                      </Link>
Run Code Online (Sandbox Code Playgroud)

我的问题:LINKto中的道具是必需的。但是,我不想将用户路由到任何其他页面。我只想触发它。 onFichierJointLinkClicked

如果我删除该to道具,我显然会收到此错误:

index.js:1 Warning: Failed prop type: The prop `to` is marked as required in `Link`, …
Run Code Online (Sandbox Code Playgroud)

html javascript reactjs react-router-dom

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

@react-pdf-viewer/core 错误:pdfjs-dist/build/pdf.js:意外的字符“#”(1413:9)

我正在尝试使用这个react-pdf-viewer来实现pdf查看器。

但是,它不断抛出此错误:

/node_modules/pdfjs-dist/build/pdf.js:意外字符“#”(1413:9)

1411 | 1411 1412 | 1412 类 PDFDocumentLoadingTask {

1413 | 1413 静态#docId = 0; | ^

这是我添加的代码:

import React, { useState } from "react";
import ReactDOM from "react-dom";
import { Viewer } from "@react-pdf-viewer/core";

import "@react-pdf-viewer/core/lib/styles/index.css";

const ModalExample = ({ fileUrl }) => {
  const [shown, setShown] = useState(false);

  const modalBody = () => (
    <div
      style={{
        backgroundColor: "#fff",
        flexDirection: "column",
        overflow: "hidden",

        /* Fixed position */
        left: 0,
        position: "fixed",
        top: 0,

        /* …
Run Code Online (Sandbox Code Playgroud)

reactjs mern react-pdf react-pdf-viewer

5
推荐指数
0
解决办法
697
查看次数

如何在Sequelize中使用iLike运算符进行不区分大小写的查询

我在管理数据库时将Sequelize与PostgreSQL一起使用。
我想执行不区分大小写的搜索查询。当我用Google搜索它时,有人说我可以使用“ iLike”运算符来实现。我试图以这种方式实现:

var getRadiosByGenre = function(Radio,Genre,genreName){
    Genre.findOne({where:{name: { $iLike: genreName}}})}
Run Code Online (Sandbox Code Playgroud)

genreName是一个字符串。但是,我不断收到此错误:

错误:无效值{'$ iLike':'art'}

有谁知道将iLike与sequ​​elize一起使用的正确方法?谢谢队友。:)

javascript postgresql case-insensitive node.js sequelize.js

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

未处理的拒绝SequelizeDatabaseError:关系“用户”不存在

我正在开始使用Sequelize。我正在关注他们在其网站上提供的文档:http : //docs.sequelizejs.com/manual/installation/getting-started.html

const Sequelize = require('sequelize');
const sequelize = new Sequelize('haha', 'postgres', 'postgres', {
  host: 'localhost',
  dialect: 'postgres',
  operatorsAliases: false,

  pool: {
    max: 5,
    min: 0,
    acquire: 30000,
    idle: 10000
  },

  // SQLite only
  storage: 'path/to/database.sqlite'
});


sequelize
  .authenticate()
  .then(() => {
    console.log('Connection has been established successfully.');
  })
  .catch(err => {
    console.error('Unable to connect to the database:', err);
  });


  const User = sequelize.define('user', {
    firstName: {
      type: Sequelize.STRING
    },
    lastName: {
      type: Sequelize.STRING
    }
  });

  // force: true …
Run Code Online (Sandbox Code Playgroud)

javascript postgresql node.js pgadmin sequelize.js

2
推荐指数
4
解决办法
8434
查看次数

无法从材质-ui TabPane 中删除填充

我有这个TabPane在此输入图像描述

我一直在尝试去除填充物。根据SO上的一些答案,这就是我需要做的:

  <TabPanel
      value={value}
      index={i}
      classes={{
        "& .MuiBox-root": {
          padding: "0px",
        },
      }}
    >
Run Code Online (Sandbox Code Playgroud)

但是,这并没有什么效果。

当我检查页面时,我发现我必须删除MuiBox-root-9才能删除填充。删除MuiBox-root没有效果:

<div class="MuiBox-root MuiBox-root-9">
Run Code Online (Sandbox Code Playgroud)

我不知道如何针对该班级MuiBox-root-9

css material-ui

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

使用 [(ngModel)] 2 路数据绑定与 ngFor ,数组不会更新行的值

我已经建立了这个表格: 在此处输入图片说明

这是html代码:

<table class="table table-hover table-bordered table-striped table-highlight">
  <thead>
    <tr>
      <th *ngFor="let cell of tableData2.headerRow">{{ cell }}</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let row of tableData2.dataRows">
      <td *ngFor="let cell of row">
        <input type="text" class="form-control border-input" [(ngModel)]="cell" name="cell" />
      </td>
    </tr>
  </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

这是相关的打字稿代码:

declare interface TableData {
  headerRow: string[];
  dataRows: string[][];
}
public tableData2: TableData;
this.tableData2 = {
  headerRow: ['Version', 'Approbateur(nom+fonction)', 'Principales remarques', 'Date d\'approbation'],
  dataRows: [
    ['ahmed', '', '', ''],
    ['', '', '', ''],
    ['', '', '', ''],
    ['', '', …
Run Code Online (Sandbox Code Playgroud)

angular-ngmodel angular2-ngmodel ngmodel angular

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

找不到模块:无法解析“@reactchartjs/react-chart-2.js”

我正在尝试使用 我安装的模块react-chartjs-2来实现这个图表

npm install --save react-chartjs-2 chart.js

所以我在package.json 中有这个:

  "chart.js": "^2.9.4",
  "react-chartjs-2": "^2.11.1"
Run Code Online (Sandbox Code Playgroud)

我从github复制了图表代码:

import React from 'react'
import { Line } from '@reactchartjs/react-chart.js'

const data = {
  labels: ['1', '2', '3', '4', '5', '6'],
  datasets: [
    {
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3],
      fill: false,
      backgroundColor: 'rgb(255, 99, 132)',
      borderColor: 'rgba(255, 99, 132, 0.2)',
    },
  ],
}

const options = {
  scales: {
    yAxes: [
      { …
Run Code Online (Sandbox Code Playgroud)

javascript node.js npm reactjs react-chartjs

0
推荐指数
2
解决办法
3880
查看次数