最详细的【微信小程序+阿里云Web服务】开发部署指引(一):准备开始


前言

作为一个程序开发的老鸟,有时候想使用微信小程序,开发实现一些实用的小功能。由于小程序往往需要有后台数据的支持,所以一般还需要搭建一个Server服务器,来供小程序访问进行数据交互。
对于前端微信小程序的开发,可以参考微信官方文档;而对于服务端,可以有多种语言平台的实现和搭建方案。网上搜索到有多种方式,甚至有一些也十分方便和低成本。而我优先想到的,是使用公网上的虚拟主机,搭建Web服务。主要原因是:

  1. 服务端可以更灵活,部署想要的数据库和Web服务,甚至部署调用其他需要的服务。
  2. 对服务的整个交互过程能了解得比较清晰和更加可控;遇到问题可以更好进行排查和优化。
  3. 最后一点也是蛮重要的,作为老鸟,对很多新的开发语言框架确实一时间上手并不那么快,希望使用自己多年擅长的.Net,Java等平台(流泪 T_T)。

搜索了网上现有的微信小程序+使用.Net或Java搭建服务的方案教程,发现非常少,而且讲的也不系统具体。所以自己研究测试了一些例子,服务端使用C#.Net,加上阿里云部署虚拟主机,给大家来做一个详细的指引教程。
六一节快到了,那么本专题就以给小朋友开发一个学习的小程序,让家里的宝宝在玩手机的时候,也能学习到一些启蒙词汇。

案例说明

作为本指引专题的案例,我们要实现的是一个叫《宝宝卡片屋》的小程序。大家可以先扫码体验一下功能:

在这里插入图片描述
程序主要将宝宝启蒙教育中的纸质识物学习小卡片,做成线上的形式。一方面可以让词语和实物图片对照显示,另一方面还可以词语发音,比起纸质卡片有了更好的学习体验。
运行程序后,主界面左侧显示了各种卡片大类,点击一个大类后,右侧将切换显示对应的卡片子类。 在这里插入图片描述
点击进入子类,程序界面将逐张卡片显示图片和对应的中文、英文词语。点击词语按钮可以发音朗读。如果点击左右箭头按钮,则可以向前向后切换卡片。
在这里插入图片描述
以上就是小程序要实现的主要功能。接下来的专题系列文章,我们将详细讲解开发这个程序,其中涉及的内容包括:

  1. 微信小程序的开通;
  2. 阿里云虚拟主机的开通;
  3. 开发环境准备;
  4. 微信小程序功能实现;
  5. 使用C#开发Web服务端和SQL Server数据库建立;
  6. 阿里云虚拟主机部署服务和配置访问;
  7. 发音功能的实现;
  8. ……

专题文章链接

最详细的【微信小程序+阿里云Web服务】开发部署指引(一):准备开始
最详细的【微信小程序+阿里云Web服务】开发部署指引(二):注册微信小程序
最详细的【微信小程序+阿里云Web服务】开发部署指引(三):开通阿里云主机
最详细的【微信小程序+阿里云Web服务】开发部署指引(四):搭建服务端数据库
最详细的【微信小程序+阿里云Web服务】开发部署指引(五):实现服务端调用逻辑
最详细的【微信小程序+阿里云Web服务】开发部署指引(六):开发微信小程序的准备
最详细的【微信小程序+阿里云Web服务】开发部署指引(七):小程序项目中的文件资源
最详细的【微信小程序+阿里云Web服务】开发部署指引(八):开发小程序卡片类型呈现功能
最详细的【微信小程序+阿里云Web服务】开发部署指引(九):开发小程序卡片浏览功能
最详细的【微信小程序+阿里云Web服务】开发部署指引(十):实现发音朗读
最详细的【微信小程序+阿里云Web服务】开发部署指引(十一):开发小程序设置功能
最详细的【微信小程序+阿里云Web服务】开发部署指引(十二):开发小程序用户反馈功能
最详细的【微信小程序+阿里云Web服务】开发部署指引(十三):小程序底部菜单
最详细的【微信小程序+阿里云Web服务】开发部署指引(十四):发布小程序
最详细的【微信小程序+阿里云Web服务】开发部署指引(十五):结语

  • 10
    点赞
  • 74
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序阿里云开发是指使用阿里云Web服务开发部署微信小程序开发过程可以按照以下步骤进行: 1. 准备开始,包括注册微信小程序和开通阿里云主机。 2. 搭建服务端数据库,可以使用阿里云提供的云存储,用于存储素材和调用云数据库。 3. 实现服务端调用逻辑,包括处理用户请求和返回相应的数据。 4. 开发微信小程序准备,包括设置小程序的基本信息和配置。 5. 小程序项目中的文件资源,包括上传和管理小程序的资源文件。 6. 开发小程序卡片类型呈现功能,用于展示小程序的卡片样式。 7. 开发小程序卡片浏览功能,用户可以通过浏览卡片来获取信息。 8. 实现发音朗读,可以在小程序中添加发音朗读功能。 9. 开发小程序设置功能,用户可以在小程序中进行个性化设置。 10. 开发小程序用户反馈功能,用户可以向开发者提供反馈。 11. 小程序底部菜单,可以在小程序中添加底部菜单导航。 12. 发布小程序,可以将开发完成的小程序发布到微信平台供用户使用。 以上是使用阿里云Web服务开发微信小程序的一般步骤。具体的开发流程和详细操作可以参考《详细的【微信小程序 阿里云Web服务开发部署指引》系列文章中的内容。 另外,使用阿里云Web服务还可以通过云存储来存储小程序所需要的资源文件,如图片、音频等。云存储可以像百度网盘一样用来存储和管理自己的资源。同时,云存储还可以与云数据库进行配合使用,方便调用和管理数据。 最后,发布小程序时需要先创建一个虚拟主机,并为其创建HTTPS证书,以确保小程序的安全性和可靠性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [最详细的【微信小程序+阿里云Web服务开发部署指引(十四):发布小程序](https://blog.csdn.net/stdonald/article/details/117201975)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [微信小程序开发之使用云存储](https://download.csdn.net/download/weixin_38690402/14806926)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值