herokuにデプロイしたアプリケーションを動かしてDBにクエリを渡すと、SSLのエラーが発生する

Question

logに吐かれたエラー内容がよくわからないので質問させてください。
flask + Mysql + python + フロントサイドで
会員制の行動記録アプリを作成しました。
機能は、「会員登録・ログイン・行動記録の記録・過去の行動履歴参照」を持ちます。
どの機能もMySQLで作成したデータベースを参照して値の追加・返却を行います。

localhostでは動作確認が取れましたが
herokuにデプロイして動作確認を行うと、以下のエラーを吐きました。
(画面上は500Errorです。)
system error: 1 [SSL: UNSUPPORTED_PROTOCOL] unsupported protocol

なお、herokuにSSLの設定を入れましたが、同様のエラーを吐きました。。。。。。
色々と勉強不足で、ところどころ見様見真似で作成したのでコードはかなり可読性低いです。
今後メンテしていく予定です...
ミドルウェアの設定や使用すべきライブラリが誤っているなど、
同様のエラーに出会ったことのある方がいらっしゃいましたら
ヒントや解決策をご教示いただけますと幸いです。

情報の不足している点がございましたら何なりとお申し付けください。

使用環境
windows10
Flask==1.1.2
mysql-connector-python==8.0.23
Python 3.7.3
gunicorn==20.0.4
oauthlib==3.1.0
requests-oauthlib==1.3.0

File "/app/.heroku/python/lib/python3.6/site-packages/mysql/connector/network.py", line 522, in switch_to_ssl
2021-02-10T11:27:56.880221+00:00 app[web.1]: errno=2055, values=(self.get_address(), _strioerror(err)))
2021-02-10T11:27:56.880228+00:00 app[web.1]: mysql.connector.errors.InterfaceError: 2055: Lost connection to MySQL server at 'us-cdbr-east-03.cleardb.com:3306', system error: 1 [SSL: UNSUPPORTED_PROTOCOL] unsupported protocol (_ssl.c:852)

↓app.py(メイン)

from flask import Flask, url_for, redirect, render_template, request, Markup, session
from functools import wraps
from DataStore.MySQL import MySQL
import mysql.connector, re, os, time, datetime, hashlib, base64, random, string

# 日付関数
dt_now = datetime.datetime.now()

# 証明書のディレクトリ指定
dirname = os.getcwd()
if os.name == 'nt':
    print("on windows")
    ca_path = os.path.join(dirname, 'opt\mysql\ssl\ca.pem')
    cert_path = os.path.join(dirname, 'opt\mysql\ssl\client-cert.pem')
    key_path = os.path.join(dirname, 'opt\mysql\ssl\client-key.pem')
elif os.name == 'posix':
    print("on mac or linux")
    ca_path = os.path.join(dirname, 'opt/mysql/ssl/ca.pem')
    cert_path = os.path.join(dirname, 'opt/mysql/ssl/client-cert.pem')
    key_path = os.path.join(dirname, 'opt/mysql/ssl/client-key.pem')



# DBとDBにログインするユーザの定義
dns = {
    'user': 'XXXX',
    'host': 'us-cdbr-east-03.cleardb.com',
    'password': 'XXXX',
    'database': 'heroku_5c65651484c4266'
   # 以下追加。
    'client_flags': [ClientFlag.SSL],
    'ssl_ca': ca_path,
    'ssl_cert': cert_path,
    'ssl_key': key_path
}
db = MySQL(**dns)

# ランダム文字列生成
def randomname(n):
    randlst = [random.choice(string.ascii_letters + string.digits) for i in range(n)]
    return ''.join(randlst)

# Flaskインスタンスと暗号化キーの指定
app = Flask(__name__)
app.secret_key = randomname(16)

# saltの生成＆パスワードへの付与
def gen_password(pwd):
    salt = os.urandom(16)
    digest = hashlib.pbkdf2_hmac('sha256',
            pwd.encode('utf-8'), salt, 10000)
    return base64.b64encode(salt + digest).decode('ascii')

# パスワード検証
def verify_password(pwd, hash):
    b = base64.b64decode(hash)
    salt, digest_v = b[:16], b[16:]
    digest_n = hashlib.pbkdf2_hmac('sha256',
            pwd.encode('utf-8'), salt, 10000)
    return digest_n == digest_v

# ログイン画面
@app.route('/')
def main():
    props = {'title': 'login or sign up', 'msg': 'ユーザ登録＆ログイン'}
    return render_template('index.html', props=props)

# ユーザ登録画面に遷移
@app.route('/regist_user')
def regist_user():
    props = {'title': 'sign up', 'msg': 'ユーザ登録'}
    html = render_template('user_regist.html', props=props)
    return html

# ユーザー登録
@app.route('/register', methods=['POST'])
def register():
    name = request.form.get('name')
    age = request.form.get('age')
    gender = request.form.get('gender')
    pwd = request.form.get('pwd')
    # パスワードはハッシュ化する
    hash_pwd = gen_password(pwd)
    # ユーザーを追加
    add_result = add_user(name, age, gender, hash_pwd)
    if add_result:
        props = {'title': 'success sign up', 'msg': 'ユーザを登録しました！'}
        return render_template('msg.html', props=props)
    else:
        props = {'title': 'failed sign up', 'msg': 'ユーザの登録に失敗しました。'}
        return render_template('msg.html', props=props)

# DBにユーザ追加
def add_user(name, age, gender, pwd):
    # 別モジュールに渡すことに。
    stmt = 'INSERT INTO users (name, age, gender, password) VALUES (?, ?, ?, ?)'
    reg = db.ins_query(stmt, name, age, gender, pwd, prepared=True)
    if reg:
        return True
    else:
        return False

# ログイン画面に遷移
@app.route('/login')
def login():
    props = {'title': 'try login', 'msg': 'ログイン試行'}
    return render_template('login_form.html', props=props)

# ログイントライ
@app.route('/login/try', methods=['POST'])
def login_try():
    name = request.form.get('name')
    pwd = request.form.get('pwd')
    result = check_user(name, str(pwd))
    if result:
        session['login'] = name
        return redirect('/user/home')
    else:
        props = {'title': 'login failed', 'msg': 'ログインに失敗しました。ユーザ名かパスワードが誤っています'}
        return render_template('msg.html', props=props)

# ログイン成功→ユーザーHOME画面
@app.route('/user/home')
def login_success():
    name = get_name()
    # ログイン先の画面(user_home.html)に遷移さす。
    props = {'title': 'user_home', 'msg':'あなたのマイページ'}
    return render_template('user_home.html', name=name, props=props)

# DBからログイン情報参照 レコードのCOUNT結果で存在有無を判断する！
def check_user(name, pwd):
    stmt = 'SELECT COUNT(*) FROM users WHERE name=?'
    log = db.query(stmt, name, prepared=True)
    if 1 in log[0]:
        stmt = 'SELECT password FROM users WHERE name=?'
        hash_pwd = db.query(stmt, name, prepared=True)
        return verify_password(str(pwd), str(hash_pwd[0]))
    else:
        return False


# セッション管理
def is_login():
    return 'login' in session

# ユーザ名の取得
def get_name():
    return session['login']
    if not is_login():
        'not login'


# ログアウト処理
@app.route('/logout')
def logout():
    try_logout()
    props = {'title': 'logout', 'msg': 'お疲れ様でした(⌒,_ゝ⌒)'}
    return render_template('msg.html', props=props)

# ログアウトトライ
def try_logout():
    session.pop('login', None)

# ログイン必須を処理するデコレーターを定義
def login_required(func):
    @wraps(func)
    def wrapper(*args, **kwargs):
        if not is_login():
            return redirect('/login')
        return func(*args, **kwargs)
    return wrapper


# 過去の記録確認
@app.route('/user/old_log')
@login_required
def check_old_log():
    name = get_name()
    dt = get_today()
    props = {'title': 'user old log', 'msg': '過去の記録確認'}
    stmt = 'SELECT memo, dt, tm FROM users_log\
            WHERE name = ? AND dt = cast(now() as date)'
    timeline = db.query(stmt, name, prepared=True)
    return render_template('user_old_log.html',
            name=name, dt=dt,timeline=timeline, props=props)

# カレンダーに入力された日付を取得し、タイムラインを再表示する。
@app.route('/user/old_log', methods=['POST'])
@login_required
def check_calendar():
    name = get_name()
    dt = request.form.get('date')
    props = {'title': 'user old log', 'msg': '過去の記録確認'}
    stmt = 'SELECT memo, dt, tm FROM users_log\
            WHERE name = ? AND dt = ?'
    timeline = db.query(stmt, name, dt, prepared=True)
    return render_template('user_old_log.html',
            name=name, dt=dt, timeline=timeline, props=props)


# 記録を作成する！
@app.route('/user/add_log')
@login_required
def add_log():
    props = {'title': 'write log', 'msg': '今この瞬間の出来事・気持ちなどを記録しよう'}
    return render_template('user_add_log.html',
            name=get_name(), props=props)

@app.route('/user/add_log', methods=['POST'])
@login_required
def write_log():
    name = get_name()
    memo = request.form.get('text')
    dt = get_today()
    tm = get_time()
    props = {'title': 'success write log', 'msg': '記録出来ました！この調子！'}
    stmt = 'INSERT INTO users_log values\
            (?, ?, ?, ?);'
    write_log = db.ins_query(stmt, name, memo, dt, tm, prepared=True)
    return render_template('user_add_log.html',
            name=name, memo=memo, dt=dt, tm=tm, props=props)


# 今日日付取得
def get_today():
    d = datetime.datetime.now()
    today = (d.strftime('%Y-%m-%d'))
    return today

# 現在時刻取得
def get_time():
    t = datetime.datetime.now()
    time = (t.strftime('%H:%M:%S'))
    return time

@app.errorhandler(404)
def not_found(error):
    return redirect(url_for('main'))

if __name__ == '__main__':
    app.run(debug=True)

MySQL.py

import mysql.connector

class MySQL:
    def __init__(self, **dns):
        self.dns = dns
        self.dbh = None

    def _open(self):
        self.dbh = mysql.connector.MySQLConnection(**self.dns)

    def _close(self):
        self.dbh.close()

    def query(self, stmt, *args, **kwargs): #ユーザ, クエリ,
        self._open()
        if kwargs.get('prepared', False):
            cursor = self.dbh.cursor(prepared=True)
            cursor.execute(stmt, args)
        else:
            cursor = self.dbh.cursor()
            cursor.execute(stmt)
        data = cursor.fetchall()
        cursor.close()
        self._close()
        return data

    def ins_query(self, stmt, *args, **kwargs):
        self._open()
        if kwargs.get('prepared', False):
            cursor = self.dbh.cursor(prepared=True)
            cursor.execute(stmt, args)
        else:
            cursor = self.dbh.cursor()
            cursor.execute(stmt)
        # data = cursor.fetchall()
        self.dbh.commit()
        cursor.close()
        return True

Comments

[hoshi-takanori]

なんか接続情報が書いてありますけど…。パスワードリセットをお勧めします。

[enix3]

ご指摘いただきありがとうございます。修正いたしました。。

[hoshi-takanori]

その接続情報を使うと、ローカル環境から ClearDB (heroku の MySQL) に接続できるので、まず mysql コマンドで直接繋がることを確認した上で、ローカルの flask から動作確認できるはず。
(また、念のため確認ですが、teratail は編集履歴が残るので、パスワード変更は必須です。)

[enix3]

ローカル環境から、python app.py を叩いてブラウザからlocalhostに接続し、諸々の操作をしましたが
正常に動くことを確認いたしました。
また、mysqlコマンドを使用したログインやSELECT,INSERTといったクエリの操作も可能でした。

現在はClearDBのダッシュボードからSSL証明書を取得し、mysql.connectorに渡して接続できるかどうかを試しているところです。

（パスワードは変更致しました。気にかけて下さり有難うございます。）