小白开发微信小程序49--本地服务器部署测试小程序

这篇具有很好参考价值的文章主要介绍了小白开发微信小程序49--本地服务器部署测试小程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

相信大家对微信小程序的基础和项目应该没有太大问题了,如果还有对微信小程序开发有一些问题,请查看回顾...微信小程序开发者开发好一款微信小程序后,怎么才能发布呢?如何将其提交给微信审核呢?

在前面的【领航教育】项目开发中,后台采用的是C#开发语言,提供的是Web Api接口形式,其实不管采用什么语言开发的后台,java?php?c#?他们都是提供接口程序,要让小程序跑起来,这个接口程序必须跑在Internet上,也就是必须是以web网站的形式提供http服务。

小白开发微信小程序49--本地服务器部署测试小程序

首先需要在本地部署测试小程序,其目的是在本机部署,测试,运行小程序,包括后台代码发布到IIS和小程序代码测试。

一、本地后台程序代码发布

 1、安装iis

小白开发微信小程序49--本地服务器部署测试小程序

安装完成,在控制面板--管理工具中可以看到Internet Information Services (IIS)管理器 

2、运行环境配置

部署asp.net core web api项目需要安装环境,IIS默认是不支持的,支持环境需要安装net core运行时: dotnet-hosting-5.0.17-win.exe,原因就是前面概述中讲的,.net core项目不是由iis工作进程(w3wp.exe)托管,需要先下载dotnet-hosting-5.0.17-win.exe

下载地址:下载 .NET 5.0 下载 .NET 5.0 (Linux、macOS 和 Windows)

如果你是64位就点X64,如果是32位就点X86,根据你自己系统来选择下载 .NET 5.0  

小白开发微信小程序49--本地服务器部署测试小程序

 总之下载的就是这个,因为我的项目框架就是.net5,所以下的就是这个,如果你是.net6或7那就要对应的,总之是与你的项目框架是什么版本有关,要对应起来。

小白开发微信小程序49--本地服务器部署测试小程序

 然后点击运行安装,然后在IIS工具可以看到

小白开发微信小程序49--本地服务器部署测试小程序

小白开发微信小程序49--本地服务器部署测试小程序

就是这个骚骚骚的东西,害死人,必须要。模块中存在就说明环境已经安装好了,没有的话多重启几下IIS 或者重新再装一次 。为什么要安装这个东西?因为:

与ASP.NET时代不同,ASP.NET Core不再是由IIS工作进程(w3wp.exe)托管,而是使用自托管Web服务器(Kestrel)运行,IIS则是作为反向代理的角色转发请求到Kestrel不同端口的ASP.NET Core程序中,随后就将接收到的请求推送至中间件管道中去,处理完你的请求和相关业务逻辑之后再将HTTP响应数据重新回写到IIS中,最终转达到不同的客户端(浏览器,APP,客户端等)。而配置文件和过程都会由些许调整,中间最重要的角色便是AspNetCoreModule,它是其中一个的IIS模块,请求进入到IIS之后便立即由它转发,并迅速重定向到ASP.NET Core项目中,所以这时候我们无需设置应用程序池来托管我们的代码,它只负责转发请求而已。
 

 3、修改appsettings.json

改成这样:

小白开发微信小程序49--本地服务器部署测试小程序

 4、修改launchSettings.json

 改成这样:

小白开发微信小程序49--本地服务器部署测试小程序

 5、修改Startup.cs文件

改成这样:

小白开发微信小程序49--本地服务器部署测试小程序

 6、修改LingHangEduApi.xml属性

改成这样

小白开发微信小程序49--本地服务器部署测试小程序

7、保存,重新生成项目,运行,结果

小白开发微信小程序49--本地服务器部署测试小程序

 小白开发微信小程序49--本地服务器部署测试小程序

 8、vs发布项目

创建发布的目的地D:\website\LingHangApp,目录设置权限,即添加everyone用户组,设置权限,如图

小白开发微信小程序49--本地服务器部署测试小程序

 项目右键,发布小白开发微信小程序49--本地服务器部署测试小程序

 小白开发微信小程序49--本地服务器部署测试小程序

小白开发微信小程序49--本地服务器部署测试小程序

 小白开发微信小程序49--本地服务器部署测试小程序

 9、创建网站

添加网站LingHangWeb

小白开发微信小程序49--本地服务器部署测试小程序

  修改应用程序池 小白开发微信小程序49--本地服务器部署测试小程序

 这一步非常重要,重要得屌炸天

 10,修改web.config文件

 小白开发微信小程序49--本地服务器部署测试小程序

 原来这样的

  小白开发微信小程序49--本地服务器部署测试小程序

 改成这样

   小白开发微信小程序49--本地服务器部署测试小程序

 完成代码是:

<?xml version="1.0" encoding="utf-8"?>
<configuration>
	<location path="." inheritInChildApplications="false">
		<system.webServer>
			<handlers>
				<add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModuleV2" resourceType="Unspecified" />
			</handlers>
			<aspNetCore processPath="dotnet" arguments=".\LingHangEduApi.dll" stdoutLogEnabled="false" stdoutLogFile=".\logs\stdout" hostingModel="inprocess" >
				<environmentVariables>
					<environmentVariable name="ASPNETCORE_ENVIRONMENT" value="Development" />
				</environmentVariables>
			</aspNetCore>
		</system.webServer>
	</location>
</configuration>
<!--ProjectGuid: E153517C-A240-4104-8285-6AC89BAA7093-->

11、修改网站默认首页

 小白开发微信小程序49--本地服务器部署测试小程序

小白开发微信小程序49--本地服务器部署测试小程序

 浏览网站

小白开发微信小程序49--本地服务器部署测试小程序

 小白开发微信小程序49--本地服务器部署测试小程序

二、前台程序代码修改接口地址

前面已将后台程序发布到本机Iis的web网站上,浏览到的是接口地址,这正是想要的,接下来修改

所有界面中js文档中有关请求后台的url地址

小白开发微信小程序49--本地服务器部署测试小程序

 1、index.js

小白开发微信小程序49--本地服务器部署测试小程序

小白开发微信小程序49--本地服务器部署测试小程序

2、 pages/course/course.js

小白开发微信小程序49--本地服务器部署测试小程序

3、pages/personal/personal.js

小白开发微信小程序49--本地服务器部署测试小程序

 4、pages/us/us.js

小白开发微信小程序49--本地服务器部署测试小程序

 5、pages/we/we.js

小白开发微信小程序49--本地服务器部署测试小程序

 这样的话,前后台代码部署,测试,运行正常,后面要部署发布到Internet上,需要购买云服务器。

小白开发微信小程序49--本地服务器部署测试小程序文章来源地址https://www.toymoban.com/news/detail-494709.html

到了这里,关于小白开发微信小程序49--本地服务器部署测试小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 本地搭建微信小程序或者公众号开发服务器的简单方法

    现在小程序开发需要购买服务器,价格还是有点贵的,这里好代码网分享一个可以花费小代价就可以搭建一个本地服务器,可以用来开发小程序和微信公众号等。 1.域名(备案过的) 2.阿里云注册免费的https证书 3.配置本地的nginx 4.内网映射(本地安装wampserver 服务器) 一、域

    2024年02月02日
    浏览(44)
  • 微信小程序开发者工具真机调试和预览连接本地服务器

    网上参考了很多方法只有这个方法能解决本地服务器在微信开发者工具预览或者真机调试的连接,话不多说看图。 win+R,CMD输入ipconfig查看本地电脑服务器地址 微信开发者工具里设置代理 js代码的地址对应IPv4 地址 最后你的wifi网络要和手机上的网络一致,不然真机调试或者预

    2024年02月11日
    浏览(40)
  • mac本地终端如何连接腾讯云服务器(小白专用)

    在这里替大家踩坑了,希望对大家有帮助,虽然简单,但新人一开始都是这样子的,都会无从下手。我从新手的角度,说一下我在配置过程中遇到的一些需要注意的点 确保你的服务器是运行的,不然怎么样都会连不上的 以下是详细步骤: 如果你刚买这台服务器,最好就是重

    2024年02月04日
    浏览(70)
  • 小白开发微信小程序04--WXML结构

    什么是Wxml呢?我们首先要介绍一下Html,Html的全称为HyperTextMarkup Language,翻译过来就是超文本标记语言,这种语言目前已经普遍用于前端开发,而wxml正是从html演变而来,它基于微信这个平台,在很多方面变得更加简洁易用,更加适合微信小程序的开发。Wxml依然是标签语言,

    2024年02月09日
    浏览(20)
  • 小白开发微信小程序23--开放接口API

    wx.login 登录 wx.getUserInfo 获取用户信息 wx.chooseAddress 获取用户收货地址 wx.requestPayment 发起微信支付 wx.addCard 添加卡券 wx.openCard 打开卡券 ....................................................... 获取用户信息。页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用,每次请求都会弹

    2024年02月15日
    浏览(28)
  • 小白开发微信小程序21--网络API(asp.net core版)

    在一个网站里面发起https请求是很常见的,但是,由于微信小程序是腾讯内部的产品,不能直接打开一个外部的链接,例如,您在微信小程序里面无法直接打开网站,但是,在做小程序开发的时候,如果想调用这个网站的一个接口,这时,如何使用?因为,微信小程序里面不

    2024年02月09日
    浏览(55)
  • 如何快速入门部署自己的Flask程序(本地+云服务器)?

    一、需求背景 :人工智能训练好的模型model,需要放到服务器上,作为基础能力提供给应用侧,否则model只能中电脑本地处理。那么怎么解决这个部署到服务器上的问题呢? 二、解决思路 :web应用部署,有3种主流的方式, 1.Django:大而全,集成了很多组件,属于全能型、重

    2024年02月03日
    浏览(39)
  • 小白开发微信小程序10--表单组件之checkbox-group/radio-group/label

    微信团队为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。小程序中的组件也是非常丰富的,开发者可以基于组件快速搭建出漂亮的页面结构。小程序中的组件其实相当于网页中的HTML标签,只不过标签名字不一样。官方把小程序的组件分为了

    2024年02月04日
    浏览(27)
  • 微信小程序配置服务器域名

    在开发微信小程序实现导出功能时用到了微信小程序的API--downloadFile,发现在开发工具上正常,但是在真机上不起作用,后来发现是这个api需要在后台配置服务器域名,下面是配置域名的步骤。 1、登录微信公众平台:https://mp.weixin.qq.com/ 2、在开发目录下选择开发管理中的开发

    2024年02月11日
    浏览(30)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包