如何使用 base64 加密在 react-native 中加密密码，我是 react-native 的新手

Question

This is my code for the file named LoginBg<\/code> in which I have to encrypt the password. How can I get the text from the input field of password and encrypt that using base64 encoding?

        export default class LoginBg extends React.Component {

    constructor(props) {
        super(props);
        this.state ={
            username:"",
            password:"",
        }

      }

      _handlePress() {
        console.log(this.state.username);
        console.log(this.state.password);
     }


    render(){

    return (
        <KeyboardAvoidingView behavior="position" style={styles.container}>
            <Text style={styles.heading}>- Login Page -</Text>
            <TextInput keyboardType='email-address' underlineColorAndroid='transparent'  onChangeText={(text) => this.setState({username:text})} placeholder="Email"  placeholderTextColor="#eaf4fc" style={styles.input}/>
            <TextInput secureTextEntry underlineColorAndroid='transparent' onChangeText={(text) => this.setState({password:text})} placeholder="Password" placeholderTextColor="#eaf4fc" style={styles.input}/>
            <Button onPress={() => this._handlePress()}>Login</Button>
            <Button>Register</Button>
        </KeyboardAvoidingView>
    );
    }
   }

Answer 1

You should not do this, Base64 is an encoding, it is not encryption! You will not have added any meaningful security this way. Passwords are encrypted server-side (if at all, see side-note below), not in the client. Even if you would actually have encrypted the password client-side and sent that then essentially the encrypted password becomes the new plain-text password. If any of this is not clear to you, do some more research before implementing security.

Side note: Even the use for encrypting passwords server-side is limited, generally only if you need it to interact with other systems so you encrypt it before storing it and decrypt before using it. It doesn't add a lot of security if the decryption key is also stored in the same environment. For your own users that log into your system, the passwords should be hashed instead which is a 1-way function unlike encryption.

Answer 2

You can use a third-party base64 module in this case

Installation

$ npm install --save js-base64

Usage

import { Base64 } from 'js-base64';

Base64.encode('dankogai');  // ZGFua29nYWk=

Answer 3

yarn add js-base64<\/code><\/pre><\/blockquote>
 import { Base64 } from 'js-base64'; const encode = Base64.encode('hello'); console.log(encode); \/\/ encoded value const decode = Base64.decode(encode); console.log(decode); \/\/ hello<\/code><\/pre>
 If you are using a database like firebase, I would recommend saving your data in a variable like this: