搭建flask后端和微信小程序前端

这篇具有很好参考价值的文章主要介绍了搭建flask后端和微信小程序前端。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、准备工作

(1)我的前端代码

(2)我的后端代码

(3)后端运行成功的截图

(4)前端运行成功的截图

 (5)整体运行成功的截图

二、部署后端

 (1)在腾讯云的学生入口处购买服务器(建议选择ubuntu系统),设置管理秘钥,方便在本地远程连接。

(2)在本地的命令提示符上面使用终端命令远程连接我的服务器

(4)将上传的文件解压,在服务器上面下载项目运行所需要的环境

(5)将后端跑起来

 (6)让后端一直跑起来,使用下下面代码

三、购买域名

四、在微信开发者工具上传微信小程序前端代码

(1)在微信开发者工具中注册小程序并登录

(2)完成前端代码上传


一、准备工作

(1)我的前端代码

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

(2)我的后端代码

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

(3)后端运行成功的截图

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

(4)前端运行成功的截图

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

 (5)整体运行成功的截图

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

二、部署后端

 (1)在腾讯云的学生入口处购买服务器(建议选择ubuntu系统),设置管理秘钥,方便在本地远程连接。

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

 

(2)在本地的命令提示符上面使用终端命令远程连接我的服务器

ssh ubuntu@119.29.247.58

 其中ubuntu为我的服务器的用户名,119.29.247.58为我的IP地址

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

把自己的项目在本地打包成xxx.zip格式

使用scp xxx.zip 用户名@ip(公):上传地址

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

(4)将上传的文件解压,在服务器上面下载项目运行所需要的环境

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

(5)将后端跑起来

python3 app.py

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

 (6)让后端一直跑起来,使用下下面代码

nohup python3 app.py > 1.txt 2>1 &

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

三、购买域名

以下是在腾讯云购买域名并备案的详细步骤:

1. 登录腾讯云官网,进入域名注册页面。

2. 在搜索框中输入你想要注册的域名,点击“查询”按钮,系统会自动查询该域名是否可用。

3. 如果域名可用,点击“立即购买”按钮,选择购买年限和其他服务,然后点击“去结算”。

4. 在结算页面填写相关信息,包括注册人信息、联系人信息、付款方式等。

5. 完成付款后,进入域名管理页面,点击“备案管理”按钮。

6. 在备案管理页面,点击“备案申请”按钮,填写备案信息,包括主体信息、网站信息、服务器信息等。

7. 提交备案申请后,等待备案审核。备案审核时间一般为5-20个工作日,审核通过后,备案信息会显示在备案管理页面。

8. 完成备案后,可以在域名管理页面设置域名解析,将域名解析到你的服务器上。

四、在微信开发者工具上传微信小程序前端代码

(1)在微信开发者工具中注册小程序并登录

https://mp.weixin.qq.com/cgi-bin/wx

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

 

(2)完成前端代码上传

1. 打开微信开发者工具,点击左上角的“新建小程序”按钮,填写小程序的基本信息,包括小程序名称、AppID、项目目录等。

2. 在左侧的项目栏中,选择“本地小程序”,然后点击“添加项目”按钮。

3. 在弹出的对话框中,填写小程序的基本信息,包括小程序名称、AppID(在进入微信开发者工具的那个页面有)、项目目录等。 

4. 点击“确定”按钮后,会自动打开小程序的项目目录,将前端代码复制到该目录下。

5. 在微信开发者工具中,点击“编译”按钮,等待编译完成。

6. 编译完成后,点击“预览”按钮,可以在开发者工具中预览小程序的效果。

7. 如果需要上传小程序代码到微信公众平台,可以点击“上传”按钮,将代码上传到微信公众平台进行审核。

封装微信小程序 flask,微信小程序开发,前端,后端,微信小程序,flask,职场和发展

 欢迎私信我一起讨论交流!!!文章来源地址https://www.toymoban.com/news/detail-765920.html

到了这里,关于搭建flask后端和微信小程序前端的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 基于物联网的智慧农业监测系统(前端界面有web端和微信小程序端)

    农业是国民经济的基础,在国家经济发展中有着不可替代的重要作用。随着物联网技术的快速发展,智慧农业已成为了现代农业发展的新方向。基于此,本文设计并实现了一套基于物联网的智慧农业监测系统,系统采用ESP32作为主控板,并搭载多种传感器,实时采集与农作物

    2024年02月03日
    浏览(44)
  • Gpt微信小程序搭建的前后端流程 - 前端小程序部分-2.确定交互所需的后端API(二)

    Gpt微信小程序搭建的前后端流程 - 前端小程序部分-2.确定交互所需的后端API(二) 参考微信小程序- 小柠AI智能聊天 ,可自行先体验。 根据上一节的小程序静态页面设计,需要从后端获取数据的主要4个点: 登录流程; 获取今日已提问次数; 获取聊天记录; 发起聊天和响应。

    2024年02月13日
    浏览(29)
  • 聊天机器人开发实战--(微信小程序+SpringCloud+Pytorch+Flask)【后端部分】

    趁着五一有时间,先把大三下个学期的期末作业做了,把微信小程序和Java开发的一起做了。顺便把机器学习的也一起做了。所以的话,我们完整项目的技术体系主要有 微信小程序开发,Java Web开发(因为我喜欢把admin后台管理和用户端服务分开,所有我选择SpringCloud做一个切

    2024年02月03日
    浏览(36)
  • 微信小程序完整项目实战(前端+后端)

    基于微信小程序的在线商城点单系统 前言:闲来无事,制作一个微信小程序商城。系统采用Java语言作为后端实现与小程序的交互,给用来学习或者想自己开个小店的朋友当个参考。 小程序 管理端 1.创建maven project,先创建一个名为SpringBootDemo的项目,选择【New Project】 然后在

    2024年02月03日
    浏览(37)
  • 微信小程序练手实战:前端+后端(Java)

    现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。 springboot后端架构构建 小

    2024年02月10日
    浏览(30)
  • 微信小程序登录+获取手机号码(前端+后端)

    上面这张是微信小程序官方原图,登录流程如上图所示,下面一步步进行以及说一下碰到的坑。 1.wx.login()获取code         调用微信小程序官方提供的方法获取code提供给后端用以换取session_key、openid。         注意:code只能使用一次就会失效,且有效期为5分钟 2.后端收到

    2024年02月12日
    浏览(33)
  • 微信小程序登录流程(包含前端、后端代码)

    在微信小程序的开发过程中,如果想要保留 用户 的 数据 (比如: 操作记录 、 购物车信息 等等)就必须要 用户 登陆。为什么呢?比如说,数据库中有一条 数据 你如何知道这条数据属于谁?属于那个用户呢?这就需要用户登录来获取 用户 的 唯一标识 从而确定这条数据是属

    2024年02月03日
    浏览(32)
  • 在线选课的微信小程序(微信前端+网站后端)

    目录 一、前言 二、微信小程序端(老师、学生) 1.学生用户前端小程序界面  2.老师前端小程序界面 三、后端(管理员、老师、学生) 3.老师后端 4.管理员后端 四、代码获取与调试 这是一个在线选课的微信小程序,使用了 idea + Navicat + maven + vue + 微信开发者工具 。 1.学生用

    2024年02月11日
    浏览(37)
  • 微信小程序获取用户手机号码教程(前端+后端)

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站,这篇文章男女通用,看懂了就去分享给你的码吧。 在开发微信小程序时,获取用户手机号码是常见的需求之一。本教程将为你详细介绍如何在前端和后端实现获取用

    2024年02月08日
    浏览(40)
  • 【微信小程序】前端+后端 :第一篇(基于javaweb 案例)

    博主:👍不许代码码上红 欢迎:🐋点赞、收藏、关注、评论。 点击新建项目 这里记得选择web application 点击下一步 这是我们需要的目录结构 如果没有如下图这个东西 可以点击+号 选择Artifact 即可 4.1、创建一个新的页面pages 目录结构 4.2、demo2.js 4.3、demo2.wxml 微信小程序端

    2024年02月09日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包